#9ABABF

#9ABABF

Color Values

HEX

#9ABABF

RGB

154, 186, 191

HSL

188.1, 22.4%, 67.6%

HSV

188.1, 19.4%, 74.9%

CMYK

19.4%, 2.6%, 0.0%, 25.1%

OKLCH

0.7668 0.0354 208.0

Properties

Cool Light Nearest: lightblue 3

Color Harmonies

Complementary

#9ABABF

#BF9F9A

Analogous

#9ABFB1

#9AA7BF

#9ABABF

Triadic

#9ABABF

#BF9ABA

#BABF9A

Split Complementary

#9ABABF

#BF9AA7

#BFB19A

Tetradic

#9ABABF

#B19ABF

#BF9F9A

#A7BF9A

Color Blindness Simulation

Original

#9ABABF

Protanopia

#A8A8BE

Deuteranopia

#A6A4BE

Tritanopia

#9CBDBD

Achromatopsia

#B4B4B4

CSS Usage

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

Tailwind Shades

50
#F6F8F9
100
#EAF0F1
200
#D3E1E3
300
#B4CCD0
400
#8CB0B6
500
#63949C
600
#4F777D
700
#3F5F64
800
#314A4E
900
#27383A
950
#182325

Contrast Checker

Text on white

2.07:1

AA Fail AAA Fail

Text on black

10.15:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026