#42A2A9 Color

Color Information

HEX#42A2A9
RGB66, 162, 169
HSL184° , 44% , 46%
HSV184° , 61% , 66%
CMYK61%, 4%, 0%, 34%

Lighter Shades

#59ADB3 #6FB8BE #86C3C8 #9DCFD2 #B3DADD #CAE5E7

Darker Shades

#3A8F95 #327B80 #2A686C #225458 #1A4144 #122D2F

Complementary Palette

#398B91 #42A2A9 #913F39 #A94942 #B5625C #5CAFB5

Analogous Palette

#51856F #599179 #3E989F #42A2A9 #597291 #697C96

Triadic Palette

#3A8F95 #42A2A9 #B536AC #BE4EB6 #ACB536 #979F30

Split Complementary Palette

#3B9298 #42A2A9 #A9426E #B2557D #A97C42 #98703B

Square Palette

#37888E #42A2A9 #7B4D9D #9D534D #6EA942 #85B760

Tetradic Palette

#36858B #42A2A9 #362DBE #A94942 #B4BE2D #C2CA53

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #42A2A9 contains 66 red, 162 green, and 169 blue.

Contrast Ratio: 2.97:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.07:1