#9CBBC1

#9CBBC1

Color Values

HEX

#9CBBC1

RGB

156, 187, 193

HSL

189.7, 23.0%, 68.4%

HSV

189.7, 19.2%, 75.7%

CMYK

19.2%, 3.1%, 0.0%, 24.3%

OKLCH

0.771 0.0347 210.7

Properties

Cool Light Nearest: lightblue 3

Color Harmonies

Complementary

#9CBBC1

#C1A29C

Analogous

#9CC1B4

#9CA8C1

#9CBBC1

Triadic

#9CBBC1

#C19CBB

#BBC19C

Split Complementary

#9CBBC1

#C19CA8

#C1B49C

Tetradic

#9CBBC1

#B49CC1

#C1A29C

#A8C19C

Color Blindness Simulation

Original

#9CBBC1

Protanopia

#A9AAC0

Deuteranopia

#A8A5BF

Tritanopia

#9EBEBE

Achromatopsia

#B5B5B5

CSS Usage

background-color: #9CBBC1;
color: #9CBBC1;
border-color: #9CBBC1;
Nearest Tailwind: Gray 400 #9CA3AF

Tailwind Shades

50
#F6F8F9
100
#EAF0F1
200
#D3E1E4
300
#B4CBD0
400
#8BAFB6
500
#62939D
600
#4F767D
700
#3F5E64
800
#314A4E
900
#26373A
950
#182325

Contrast Checker

Text on white

2.04:1

AA Fail AAA Fail

Text on black

10.29: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