#9ACFB3

#9ACFB3

Color Values

HEX

#9ACFB3

RGB

154, 207, 179

HSL

148.3, 35.6%, 70.8%

HSV

148.3, 25.6%, 81.2%

CMYK

25.6%, 0.0%, 13.5%, 18.8%

OKLCH

0.8097 0.0679 161.3

Properties

Cool Light Nearest: NCS S 0520-B70G Mint

Color Harmonies

Complementary

#9ACFB3

#CF9AB6

Analogous

#9CCF9A

#9ACFCE

#9ACFB3

Triadic

#9ACFB3

#B39ACF

#CFB39A

Split Complementary

#9ACFB3

#CE9ACF

#CF9A9C

Tetradic

#9ACFB3

#9A9CCF

#CF9AB6

#CFCE9A

Color Blindness Simulation

Original

#9ACFB3

Protanopia

#B1B1BA

Deuteranopia

#AEAABB

Tritanopia

#9DBFC0

Achromatopsia

#C2C2C2

CSS Usage

background-color: #9ACFB3;
color: #9ACFB3;
border-color: #9ACFB3;
Nearest Tailwind: Emerald 200 #A7F3D0

Tailwind Shades

50
#F5FAF7
100
#E8F3ED
200
#CFE8DB
300
#ACD8C1
400
#7FC29F
500
#52AD7D
600
#428A64
700
#356F50
800
#29563E
900
#214030
950
#15281E

Contrast Checker

Text on white

1.76:1

AA Fail AAA Fail

Text on black

11.95: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