#51A464

Color Details

HEX
#51A464
RGB
rgb(81, 164, 100)
HSL
hsl(134, 34%, 48%)
CMYK
cmyk(51%, 0%, 39%, 36%)
Best text on this color #000000 (CR 6.84:1) Determined by WCAG contrast ratio

Readability Previews

Black on #51a464
Contrast 6.84:1 AA
White on #51a464
Contrast 3.07:1 Fail
#51a464 on Black
Contrast 6.84:1 AA
#51a464 on White
Contrast 3.07:1 Fail

Tints & Shades

#74b683
#97c8a2
#b9dbc1
#418350
#31623c
#204228

Complement & Analogous

#a45191
#51a48e
#67a451

Triadic

#6451a4
#a46451

Monochrome

#204228 #31623c #51a464 #97c8a2 #b9dbc1 #dcede0

Analogous

#67a451 #95bf85 #51a464 #74b6a5 #51a48e #418372

Complementary Mix

#31623c #51a464 #97c8a2 #a45191 #c48eb8 #6b355e

Nearby Colors

#51a463
#51a465
#51a454
#51a474

Embed #51A464 swatch

Embed this swatch

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

Open image

About #51A464

#51A464 converts to RGB(81, 164, 100) and HSL(134, 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).

#51A464 FAQs

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