#42A5CD Color

Color Information

HEX#42A5CD
RGB66, 165, 205
HSL197° , 58% , 53%
HSV197° , 68% , 80%
CMYK68%, 20%, 0%, 20%

Lighter Shades

#59B0D3 #6FBBD9 #86C5DF #9DD0E5 #B3DBEB #CAE6F1

Darker Shades

#3A91B4 #327D9C #2A6A83 #22566B #1A4252 #122E39

Complementary Palette

#398EB0 #42A5CD #B05A39 #CD6942 #D47E5C #5CB2D4

Analogous Palette

#56A493 #5AB5A1 #3E9BC1 #42A5CD #5A6DB5 #687ABB

Triadic Palette

#3A91B4 #42A5CD #D936AA #DE4EB4 #AAD936 #96BF30

Split Complementary Palette

#3B95B9 #42A5CD #CD4260 #D25570 #CDAF42 #B99E3B

Square Palette

#378BAC #42A5CD #A84EC1 #C16E4E #60CD42 #79D560

Tetradic Palette

#3687A8 #42A5CD #602CE2 #CD6942 #AFE22C #BDE752

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #42A5CD contains 66 red, 165 green, and 205 blue.

Contrast Ratio: 2.76:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.6:1