#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

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026