#51A428

Color Details

HEX
#51A428
RGB
rgb(81, 164, 40)
HSL
hsl(100, 61%, 40%)
CMYK
cmyk(51%, 0%, 76%, 36%)
Best text on this color #000000 (CR 6.69:1) Determined by WCAG contrast ratio

Readability Previews

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

Tints & Shades

#74b653
#97c87e
#b9dba9
#418320
#316218
#204210

Complement & Analogous

#7b28a4
#28a43d
#8fa428

Triadic

#2851a4
#a42851

Monochrome

#204210 #316218 #51a428 #97c87e #b9dba9 #dcedd4

Analogous

#8fa428 #b1bf69 #51a428 #53b664 #28a43d #208331

Complementary Mix

#316218 #51a428 #97c87e #7b28a4 #a973c4 #501a6b

Nearby Colors

#51a427
#51a429
#51a418
#51a438

Embed #51A428 swatch

Embed this swatch

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

Open image

About #51A428

#51A428 converts to RGB(81, 164, 40) and HSL(100, 61%, 40%). 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).

#51A428 FAQs

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