#3CA3C4 Color

Color Information

HEX	#3CA3C4
RGB	60, 163, 196
HSL	195° , 54% , 50%
HSV	195° , 69% , 77%
CMYK	69%, 17%, 0%, 23%

Lighter Shades

#53AECB #6BB9D2 #82C4D9 #9ACFE0 #B1DAE7 #C8E5EE

Darker Shades

#358FAC #2E7C95 #26687D #1F5566 #18414E #112E37

Complementary Palette

#348CA9 #3CA3C4 #A95033 #C45D3B #CC7456 #57B0CC

Analogous Palette

#4D9D89 #54AB95 #3899B8 #3CA3C4 #546AAB #6276B2

Triadic Palette

#358FAC #3CA3C4 #D12EA8 #D747B2 #A8D12E #94B828

Split Complementary Palette

#3693B0 #3CA3C4 #C43B5D #CA4F6D #C4A23B #B09235

Square Palette

#3289A5 #3CA3C4 #9C47B8 #B86347 #5DC43B #77CD5A

Tetradic Palette

#3186A1 #3CA3C4 #5224DB #C45D3B #ADDB24 #BCE14B

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #3CA3C4 contains 60 red, 163 green, and 196 blue.

Contrast Ratio: 2.87:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.33:1