#9CA9AF Color

Color Information

HEX#9CA9AF
RGB156, 169, 175
HSL199° , 11% , 65%
HSV199° , 11% , 69%
CMYK11%, 3%, 0%, 31%

Lighter Shades

#A8B3B9 #B4BEC2 #C0C8CC #CCD2D5 #D7DDDF #E3E7E9

Darker Shades

#89959A #778085 #646C70 #51585B #3E4446 #2C2F31

Complementary Palette

#869197 #9CA9AF #978B86 #B0A29C #BBAFAA #AAB5BA

Analogous Palette

#8AA8A2 #98B3AE #939FA5 #9CA9AF #989EB3 #A1A6BA

Triadic Palette

#89959A #9CA9AF #B893AB #C1A0B5 #ABB893 #96A281

Split Complementary Palette

#8C989E #9CA9AF #B09CA0 #B8A6AA #B0AC9C #9E9B8C

Square Palette

#838E93 #9CA9AF #AE98B3 #B3A098 #A0B09C #AFBDAC

Tetradic Palette

#808B90 #9CA9AF #9B8CC0 #B0A29C #AEC08C #BDCBA1

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #9CA9AF contains 156 red, 169 green, and 175 blue.

Contrast Ratio: 2.37:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.86:1