#42A186 Color

Color Information

HEX#42A186
RGB66, 161, 134
HSL163° , 42% , 45%
HSV163° , 59% , 63%
CMYK59%, 0%, 17%, 37%

Lighter Shades

#59AC95 #6FB8A3 #86C3B2 #9DCEC0 #B3D9CF #CAE5DD

Darker Shades

#3A8E76 #327A66 #2A6756 #225446 #1A4036 #122D26

Complementary Palette

#398A73 #42A186 #8C3A51 #A3435E #B05D75 #5CAE97

Analogous Palette

#54835D #5A8C64 #3E977E #42A186 #5A818C #6A8890

Triadic Palette

#3A8E76 #42A186 #8D37AE #9B4FB8 #AE8D37 #997C30

Split Complementary Palette

#3B9179 #42A186 #A3438E #AC5699 #A35743 #934E3C

Square Palette

#378771 #42A186 #5E4E97 #974E63 #8EA343 #A0B261

Tetradic Palette

#36846E #42A186 #2E55B8 #A3435E #B8912E #C5A554

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #42A186 contains 66 red, 161 green, and 134 blue.

Contrast Ratio: 3.1:1

Black Background

PASS

Example Headline (24px)

This shade works well for UI design, branding, typography, and digital projects.

Contrast Ratio: 6.77:1