#9CA8AF Color

Color Information

HEX#9CA8AF
RGB156, 168, 175
HSL202° , 11% , 65%
HSV202° , 11% , 69%
CMYK11%, 4%, 0%, 31%

Lighter Shades

#A8B2B9 #B4BDC2 #C0C7CC #CCD2D5 #D7DCDF #E3E7E9

Darker Shades

#89949A #778085 #646C70 #51575B #3E4346 #2C2F31

Complementary Palette

#869097 #9CA8AF #978C86 #B0A39C #BBB0AA #AAB4BA

Analogous Palette

#8AA8A3 #98B3AF #939EA5 #9CA8AF #989CB3 #A1A5BA

Triadic Palette

#89949A #9CA8AF #B893A9 #C1A0B3 #A9B893 #95A281

Split Complementary Palette

#8C979E #9CA8AF #B09C9F #B8A6A9 #B0AD9C #9E9C8C

Square Palette

#838D93 #9CA8AF #AF98B3 #B3A298 #9FB09C #AEBDAC

Tetradic Palette

#808A90 #9CA8AF #9E8CC0 #B0A39C #ABC08C #BACBA1

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #9CA8AF contains 156 red, 168 green, and 175 blue.

Contrast Ratio: 2.39:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.78:1