#9CA2BE Color

Color Information

HEX#9CA2BE
RGB156, 162, 190
HSL229° , 21% , 68%
HSV229° , 18% , 75%
CMYK18%, 15%, 0%, 25%

Lighter Shades

#A8ADC6 #B4B8CE #C0C3D5 #CCCFDD #D7DAE5 #E3E5ED

Darker Shades

#898FA7 #777B90 #64687A #515463 #3E414C #2C2D35

Complementary Palette

#868BA3 #9CA2BE #A49E86 #BFB89C #C8C2AA #AAAFC7

Analogous Palette

#92A6AF #A1B2BA #9398B3 #9CA2BE #A9A1BA #B1AAC0

Triadic Palette

#898FA7 #9CA2BE #C7949E #CEA1AA #9EC794 #8BAF82

Split Complementary Palette

#8C92AB #9CA2BE #BFA79C #C5B0A6 #B4BF9C #A2AC8C

Square Palette

#8388A0 #9CA2BE #BAA1B2 #BAB5A1 #9CBFA7 #ACC9B5

Tetradic Palette

#80859C #9CA2BE #C08ECD #BFB89C #9ACD8E #ACD6A2

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #9CA2BE contains 156 red, 162 green, and 190 blue.

Contrast Ratio: 2.48:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.47:1