#3CA2CF Color

Color Information

HEX	#3CA2CF
RGB	60, 162, 207
HSL	198° , 60% , 52%
HSV	198° , 71% , 81%
CMYK	71%, 22%, 0%, 19%

Lighter Shades

#53ADD5 #6BB8DB #82C3E0 #9ACFE6 #B1DAEC #C8E5F2

Darker Shades

#358FB6 #2E7B9D #266884 #1F546C #184153 #112D3A

Complementary Palette

#348BB2 #3CA2CF #B15933 #CE673B #D57C56 #57AFD6

Analogous Palette

#4EA695 #54B6A2 #3898C3 #3CA2CF #5467B6 #6274BC

Triadic Palette

#358FB6 #3CA2CF #DA2FA7 #DE48B2 #A7DA2F #93C029

Split Complementary Palette

#3692BA #3CA2CF #CE3B59 #D34F6A #CEB13B #B99F35

Square Palette

#3288AE #3CA2CF #A947C2 #C26C47 #59CE3B #74D65A

Tetradic Palette

#3185AA #3CA2CF #5E25E4 #CE673B #ABE425 #BAE94C

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #3CA2CF contains 60 red, 162 green, and 207 blue.

Contrast Ratio: 2.85:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.36:1