#3CA6C3 Color

Color Information

HEX#3CA6C3
RGB60, 166, 195
HSL193° , 53% , 50%
HSV193° , 69% , 76%
CMYK69%, 15%, 0%, 24%

Lighter Shades

#53B1CA #6BBBD1 #82C6D9 #9AD1E0 #B1DBE7 #C8E6EE

Darker Shades

#3592AC #2E7E94 #266A7D #1F5665 #18424E #112E37

Complementary Palette

#348FA8 #3CA6C3 #A84D34 #C3593C #CB7057 #57B2CB

Analogous Palette

#4F9C86 #55AA92 #389CB7 #3CA6C3 #556DAA #6379B0

Triadic Palette

#3592AC #3CA6C3 #D02FAD #D648B7 #ADD02F #98B729

Split Complementary Palette

#3695B0 #3CA6C3 #C33C62 #C95072 #C39D3C #B08D36

Square Palette

#328BA4 #3CA6C3 #9749B6 #B66049 #62C33C #7BCD5B

Tetradic Palette

#3188A0 #3CA6C3 #4C25DA #C3593C #B3DA25 #C1E14C

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #3CA6C3 contains 60 red, 166 green, and 195 blue.

Contrast Ratio: 2.79:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.54:1