#9CA4BC Color

Color Information

HEX#9CA4BC
RGB156, 164, 188
HSL225° , 19% , 67%
HSV225° , 17% , 74%
CMYK17%, 13%, 0%, 26%

Lighter Shades

#A8AFC4 #B4BACC #C0C5D4 #CCD0DC #D7DBE4 #E3E6EC

Darker Shades

#8990A5 #777D8F #646978 #515562 #3E424B #2C2E35

Complementary Palette

#868DA2 #9CA4BC #A19A85 #BBB39B #C5BEA9 #AAB1C5

Analogous Palette

#90A6AD #9EB1B7 #939AB1 #9CA4BC #A59EB7 #ACA7BE

Triadic Palette

#8990A5 #9CA4BC #C3929F #CA9FAB #9FC392 #8CAC80

Split Complementary Palette

#8C94A9 #9CA4BC #BBA39B #C2ACA5 #B3BB9B #A1A88C

Square Palette

#838A9E #9CA4BC #B79EB1 #B7B19E #9BBBA3 #ABC6B2

Tetradic Palette

#80869A #9CA4BC #BA8CCA #BBB39B #9BCA8C #ADD4A1

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #9CA4BC contains 156 red, 164 green, and 188 blue.

Contrast Ratio: 2.44:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.6:1