#9ABFBA

#9ABFBA

Color Values

HEX

#9ABFBA

RGB

154, 191, 186

HSL

171,9, 22,4%, 67,6%

HSV

171,9, 19,4%, 74,9%

CMYK

19,4%, 0,0%, 2,6%, 25,1%

OKLCH

0,7762 0,0403 186,3

Properties

Cool Light Nearest: paleturquoise 3

Color Harmonies

Complementary

#9ABFBA

#BF9A9F

Analogous

#9ABFA7

#9AB1BF

#9ABFBA

Triadic

#9ABFBA

#BA9ABF

#BFBA9A

Split Complementary

#9ABFBA

#BF9AB1

#BFA79A

Tetradic

#9ABFBA

#A79ABF

#BF9A9F

#B1BF9A

Color Blindness Simulation

Original

#9ABFBA

Protanopia

#AAAABB

Deuteranopia

#A8A5BC

Tritanopia

#9CBCBC

Achromatopsia

#B7B7B7

CSS Usage

background-color: #9ABFBA;
color: #9ABFBA;
border-color: #9ABFBA;
Nearest Tailwind: Neutral 400 #A3A3A3

Tailwind Shades

50
#F6F9F8
100
#EAF1F0
200
#D3E3E1
300
#B4D0CC
400
#8CB6B0
500
#639C94
600
#4F7D77
700
#3F645F
800
#314E4A
900
#273A38
950
#182523

Contrast Checker

Text on white

1,99:1

AA Fail AAA Fail

Text on black

10,54:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Oca 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Oca 21, 2026
Tutorials

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

Oca 18, 2026