#3CA6CD Color

Color Information

HEX	#3CA6CD
RGB	60, 166, 205
HSL	196° , 59% , 52%
HSV	196° , 71% , 80%
CMYK	71%, 19%, 0%, 20%

Lighter Shades

#53B1D3 #6BBBD9 #82C6DF #9AD1E5 #B1DBEB #C8E6F1

Darker Shades

#3592B4 #2E7E9C #266A83 #1F566B #184252 #112E39

Complementary Palette

#348FB0 #3CA6CD #B05534 #CD633C #D47957 #57B2D4

Analogous Palette

#50A591 #55B49E #389CC1 #3CA6CD #556BB4 #6377BB

Triadic Palette

#3592B4 #3CA6CD #D930AC #DE49B6 #ACD930 #97BF2A

Split Complementary Palette

#3695B9 #3CA6CD #CD3C5E #D2506E #CDAB3C #B99A36

Square Palette

#328BAC #3CA6CD #A549C1 #C16949 #5ECD3C #78D55B

Tetradic Palette

#3188A8 #3CA6CD #5926E3 #CD633C #B1E326 #BFE84D

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #3CA6CD contains 60 red, 166 green, and 205 blue.

Contrast Ratio: 2.75:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.63:1