#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

1월 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1월 21, 2026
Tutorials

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

1월 18, 2026