#9ABCC1

#9ABCC1

Color Values

HEX

#9ABCC1

RGB

154, 188, 193

HSL

187,7, 23,9%, 68,0%

HSV

187,7, 20,2%, 75,7%

CMYK

20,2%, 2,6%, 0,0%, 24,3%

OKLCH

0,7718 0,0373 207,3

Properties

Cool Light Nearest: lightblue 3

Color Harmonies

Complementary

#9ABCC1

#C19F9A

Analogous

#9AC1B2

#9AA8C1

#9ABCC1

Triadic

#9ABCC1

#C19ABC

#BCC19A

Split Complementary

#9ABCC1

#C19AA8

#C1B29A

Tetradic

#9ABCC1

#B29AC1

#C19F9A

#A8C19A

Color Blindness Simulation

Original

#9ABCC1

Protanopia

#A9A9C0

Deuteranopia

#A7A4C0

Tritanopia

#9CBFBF

Achromatopsia

#B5B5B5

CSS Usage

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

Tailwind Shades

50
#F6F9F9
100
#EAF0F1
200
#D3E2E4
300
#B3CDD0
400
#8AB1B7
500
#61969E
600
#4E787E
700
#3E6065
800
#314B4F
900
#26383B
950
#182325

Contrast Checker

Text on white

2,03:1

AA Fail AAA Fail

Text on black

10,34:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026