#51A480

Color Details

HEX
#51A480
RGB
rgb(81, 164, 128)
HSL
hsl(154, 34%, 48%)
CMYK
cmyk(51%, 0%, 22%, 36%)
Best text on this color #000000 (CR 6.97:1) Determined by WCAG contrast ratio

Readability Previews

Black on #51a480
Contrast 6.97:1 AA
White on #51a480
Contrast 3.01:1 Fail
#51a480 on Black
Contrast 6.97:1 AA
#51a480 on White
Contrast 3.01:1 Fail

Tints & Shades

#74b699
#97c8b3
#b9dbcc
#418366
#31624d
#204233

Complement & Analogous

#a45175
#519ea4
#51a456

Triadic

#8051a4
#a48051

Monochrome

#204233 #31624d #51a480 #97c8b3 #b9dbcc #dcede6

Analogous

#51a456 #85bf89 #51a480 #74b1b6 #519ea4 #417e83

Complementary Mix

#31624d #51a480 #97c8b3 #a45175 #c48ea5 #6b354c

Nearby Colors

#51a47f
#51a481
#51a470
#51a490

Embed #51A480 swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #51A480

#51A480 converts to RGB(81, 164, 128) and HSL(154, 34%, 48%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#51A480 FAQs

What is the RGB value of #51A480?
RGB: 81, 164, 128. Copy as CSS: rgb(81, 164, 128)
Is #51A480 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #51A480?
Complement: #a45175.
Does #51A480 have good contrast on white or black?
On white: 3.01:1 (AA (large text)). On black: 6.97:1 (AA (normal text)).