#42A2CD Color

Color Information

HEX#42A2CD
RGB66, 162, 205
HSL199° , 58% , 53%
HSV199° , 68% , 80%
CMYK68%, 21%, 0%, 20%

Lighter Shades

#59ADD3 #6FB8D9 #86C3DF #9DCFE5 #B3DAEB #CAE5F1

Darker Shades

#3A8FB4 #327B9C #2A6883 #22546B #1A4152 #122D39

Complementary Palette

#398BB0 #42A2CD #B05F39 #CD6E42 #D4825C #5CAFD4

Analogous Palette

#56A495 #5AB5A4 #3E98C1 #42A2CD #5A6AB5 #6877BB

Triadic Palette

#3A8FB4 #42A2CD #D936A5 #DE4EB0 #A5D936 #91BF30

Split Complementary Palette

#3B92B9 #42A2CD #CD425B #D2556B #CDB342 #B9A13B

Square Palette

#3788AC #42A2CD #AC4EC1 #C1724E #5BCD42 #75D560

Tetradic Palette

#3685A8 #42A2CD #662CE2 #CD6E42 #A9E22C #B8E752

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #42A2CD contains 66 red, 162 green, and 205 blue.

Contrast Ratio: 2.84:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.38:1