#42A7AA Color

Color Information

HEX	#42A7AA
RGB	66, 167, 170
HSL	182° , 44% , 46%
HSV	182° , 61% , 67%
CMYK	61%, 2%, 0%, 33%

Lighter Shades

#59B2B4 #6FBCBE #86C7C9 #9DD1D3 #B3DCDD #CAE6E7

Darker Shades

#3A9396 #327F81 #2A6B6D #225758 #1A4344 #122F30

Complementary Palette

#399092 #42A7AA #913B39 #A94542 #B55F5C #5CB3B6

Analogous Palette

#51856D #599177 #3E9DA0 #42A7AA #597391 #697E96

Triadic Palette

#3A9396 #42A7AA #B536B0 #BE4EB9 #B0B536 #9B9F30

Split Complementary Palette

#3B9699 #42A7AA #A94272 #B25580 #A97942 #986D3B

Square Palette

#378C8F #42A7AA #784D9D #9D504D #72A942 #89B760

Tetradic Palette

#36898B #42A7AA #312DBE #A94542 #B9BE2D #C6CA53

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #42A7AA contains 66 red, 167 green, and 170 blue.

Contrast Ratio: 2.82:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.45:1