#51A080

Color Details

HEX
#51A080
RGB
rgb(81, 160, 128)
HSL
hsl(156, 33%, 47%)
CMYK
cmyk(49%, 0%, 20%, 37%)
Best text on this color #000000 (CR 6.69:1) Determined by WCAG contrast ratio

Readability Previews

Black on #51a080
Contrast 6.69:1 AA
White on #51a080
Contrast 3.14:1 Fail
#51a080 on Black
Contrast 6.69:1 AA
#51a080 on White
Contrast 3.14:1 Fail

Tints & Shades

#74b399
#97c6b3
#b9d9cc
#418066
#31604d
#204033

Complement & Analogous

#9f5070
#50979f
#509f58

Triadic

#80509f
#9f8050

Monochrome

#204033 #31604d #51a080 #97c6b3 #b9d9cc #dcece6

Analogous

#509f58 #85bc8a #51a080 #73acb2 #50979f #40797f

Complementary Mix

#31604d #51a080 #97c6b3 #9f5070 #c18da2 #673449

Nearby Colors

#51a07f
#51a081
#51a070
#51a090

Embed #51A080 swatch

Embed this swatch

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

Open image

About #51A080

#51A080 converts to RGB(81, 160, 128) and HSL(156, 33%, 47%). 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).

#51A080 FAQs

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