#9C9CB2

#9C9CB2

Color Values

HEX

#9C9CB2

RGB

156, 156, 178

HSL

240.0, 12.5%, 65.5%

HSV

240.0, 12.4%, 69.8%

CMYK

12.4%, 12.4%, 0.0%, 30.2%

OKLCH

0.7 0.0319 285.5

Properties

Cool Light Nearest: Manatee

Color Harmonies

Complementary

#9C9CB2

#B2B29C

Analogous

#9CA7B2

#A79CB2

#9C9CB2

Triadic

#9C9CB2

#B29C9C

#9CB29C

Split Complementary

#9C9CB2

#B2A79C

#A7B29C

Tetradic

#9C9CB2

#B29CA7

#B2B29C

#9CB2A7

Color Blindness Simulation

Original

#9C9CB2

Protanopia

#9C9CAD

Deuteranopia

#9C9CAB

Tritanopia

#9CA8A8

Achromatopsia

#9E9E9E

CSS Usage

background-color: #9C9CB2;
color: #9C9CB2;
border-color: #9C9CB2;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F7F7F8
100
#EBEBEF
200
#D7D7E0
300
#BABAC9
400
#9595AC
500
#70708F
600
#595973
700
#47475C
800
#383848
900
#2B2B36
950
#1B1B22

Contrast Checker

Text on white

2.69:1

AA Fail AAA Fail

Text on black

7.81:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026