#42A0C2 Color

Color Information

HEX	#42A0C2
RGB	66, 160, 194
HSL	196° , 51% , 51%
HSV	196° , 66% , 76%
CMYK	66%, 18%, 0%, 24%

Lighter Shades

#59ABC9 #6FB7D1 #86C2D8 #9DCEDF #B3D9E7 #CAE4EE

Darker Shades

#3A8DAB #327A93 #2A667C #225365 #1A404E #122D36

Complementary Palette

#398AA7 #42A0C2 #A75639 #C26442 #CB7A5C #5CADCB

Analogous Palette

#559B8A #5BA997 #3E96B6 #42A0C2 #5B6DA9 #6979B0

Triadic Palette

#3A8DAB #42A0C2 #CE36A6 #D44EB1 #A6CE36 #92B530

Split Complementary Palette

#3B90AF #42A0C2 #C24260 #C85570 #C2A442 #AF943B

Square Palette

#3786A3 #42A0C2 #9D4FB5 #B56A4F #60C242 #79CC60

Tetradic Palette

#36839F #42A0C2 #5A2CD8 #C26442 #AAD82C #B9DF52

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #42A0C2 contains 66 red, 160 green, and 194 blue.

Contrast Ratio: 2.94:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.14:1