#42A53E

Color Details

HEX
#42A53E
RGB
rgb(66, 165, 62)
HSL
hsl(118, 45%, 45%)
CMYK
cmyk(60%, 0%, 62%, 35%)
Best text on this color #000000 (CR 6.68:1) Determined by WCAG contrast ratio

Readability Previews

Black on #42a53e
Contrast 6.68:1 AA
White on #42a53e
Contrast 3.14:1 Fail
#42a53e on Black
Contrast 6.68:1 AA
#42a53e on White
Contrast 3.14:1 Fail

Tints & Shades

#68b765
#8ec98b
#b3dbb2
#358432
#286325
#1a4219

Complement & Analogous

#a33fa6
#3fa66f
#76a63f

Triadic

#3f43a6
#a63f43

Monochrome

#1a4219 #286325 #42a53e #8ec98b #b3dbb2 #d9edd8

Analogous

#76a63f #9fc179 #42a53e #65b88c #3fa66f #328559

Complementary Mix

#286325 #42a53e #8ec98b #a33fa6 #c382c5 #6a296c

Nearby Colors

#42a53d
#42a53f
#42a52e
#42a54e

Embed #42A53E swatch

Embed this swatch

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

Open image

About #42A53E

#42A53E converts to RGB(66, 165, 62) and HSL(118, 45%, 45%). 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).

#42A53E FAQs

What is the RGB value of #42A53E?
RGB: 66, 165, 62. Copy as CSS: rgb(66, 165, 62)
Is #42A53E a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #42A53E?
Complement: #a33fa6.
Does #42A53E have good contrast on white or black?
On white: 3.14:1 (AA (large text)). On black: 6.68:1 (AA (normal text)).