#3CACD6 Color

Color Information

HEX#3CACD6
RGB60, 172, 214
HSL196° , 65% , 54%
HSV196° , 72% , 84%
CMYK72%, 20%, 0%, 16%

Lighter Shades

#53B6DB #6BC0E0 #82CAE5 #9AD4EA #B1DEEF #C8E8F4

Darker Shades

#3597BC #2E83A3 #266E89 #1F596F #184556 #11303C

Complementary Palette

#3494B8 #3CACD6 #B85834 #D6663D #DC7B58 #57B8DC

Analogous Palette

#52AD98 #55BEA6 #38A2C9 #3CACD6 #556EBE #647AC4

Triadic Palette

#3597BC #3CACD6 #E232B3 #E54BBC #B3E232 #9EC72C

Split Complementary Palette

#369BC1 #3CACD6 #D63D61 #DA5071 #D6B23D #C1A037

Square Palette

#3290B4 #3CACD6 #AC49CA #CA6C49 #61D63D #7ADD5C

Tetradic Palette

#318DAF #3CACD6 #5C28EB #D6663D #B7EB28 #C4EF4F

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #3CACD6 contains 60 red, 172 green, and 214 blue.

Contrast Ratio: 2.57:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.17:1