#9AC9BD

#9AC9BD

Color Values

HEX

#9AC9BD

RGB

154, 201, 189

HSL

164.7, 30.3%, 69.6%

HSV

164.7, 23.4%, 78.8%

CMYK

23.4%, 0.0%, 6.0%, 21.2%

OKLCH

0.7991 0.0522 177.5

Properties

Cool Light Nearest: RAL 6027 Light Green

Color Harmonies

Complementary

#9AC9BD

#C99AA6

Analogous

#9AC9A6

#9ABDC9

#9AC9BD

Triadic

#9AC9BD

#BD9AC9

#C9BD9A

Split Complementary

#9AC9BD

#C99ABD

#C9A69A

Tetradic

#9AC9BD

#A69AC9

#C99AA6

#BDC99A

Color Blindness Simulation

Original

#9AC9BD

Protanopia

#AEAFC0

Deuteranopia

#ACA8C1

Tritanopia

#9CC2C3

Achromatopsia

#BEBEBE

CSS Usage

background-color: #9AC9BD;
color: #9AC9BD;
border-color: #9AC9BD;
Nearest Tailwind: Teal 100 #CCFBF1

Tailwind Shades

50
#F5F9F8
100
#E9F2EF
200
#D0E6E1
300
#AFD4CB
400
#84BDAF
500
#59A692
600
#478575
700
#396A5E
800
#2C5349
900
#233E37
950
#162723

Contrast Checker

Text on white

1.83:1

AA Fail AAA Fail

Text on black

11.46:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

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

Jan 18, 2026