#9CAF9B Color

Color Information

HEX#9CAF9B
RGB156, 175, 155
HSL117° , 11% , 65%
HSV117° , 11% , 69%
CMYK11%, 0%, 11%, 31%

Lighter Shades

#A8B9A7 #B4C2B3 #C0CCBF #CCD5CB #D7DFD7 #E3E9E3

Darker Shades

#899A88 #778576 #647063 #515B51 #3E463E #2C312B

Complementary Palette

#869785 #9CAF9B #978697 #AF9CB0 #BAAABB #AABAA9

Analogous Palette

#9BA88A #A7B398 #93A592 #9CAF9B #98B3A4 #A1BAAC

Triadic Palette

#899A88 #9CAF9B #9395B8 #A0A2C1 #B89395 #A28183

Split Complementary Palette

#8C9E8C #9CAF9B #A59CB0 #AEA6B8 #B09CA7 #9E8C96

Square Palette

#839382 #9CAF9B #98A7B3 #B298B3 #B0A59C #BDB3AC

Tetradic Palette

#80907F #9CAF9B #8CC0BD #AF9CB0 #C08C8E #CBA1A2

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #9CAF9B contains 156 red, 175 green, and 155 blue.

Contrast Ratio: 2.29:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 9.17:1