#9CA8C4 Color

Color Information

HEX#9CA8C4
RGB156, 168, 196
HSL222° , 25% , 69%
HSV222° , 20% , 77%
CMYK20%, 14%, 0%, 23%

Lighter Shades

#A8B2CB #B4BDD2 #C0C7D9 #CCD2E0 #D7DCE7 #E3E7EE

Darker Shades

#8994AC #778095 #646C7D #515766 #3E434E #2C2F37

Complementary Palette

#8690A9 #9CA8C4 #A99E86 #C4B89C #CCC2AA #AAB4CC

Analogous Palette

#95ABB1 #A4B7BC #939EB8 #9CA8C4 #A9A4BC #B1ADC2

Triadic Palette

#8994AC #9CA8C4 #CC94A5 #D2A1B0 #A5CC94 #91B482

Split Complementary Palette

#8C97B0 #9CA8C4 #C4A49C #CAADA6 #BCC49C #A9B08C

Square Palette

#838DA5 #9CA8C4 #BCA4B7 #BCB5A4 #9CC4A4 #ACCDB3

Tetradic Palette

#808AA1 #9CA8C4 #BE8ED2 #C4B89C #A2D28E #B3DAA2

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #9CA8C4 contains 156 red, 168 green, and 196 blue.

Contrast Ratio: 2.34:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.96:1