#9ECCB3

#9ECCB3

Color Values

HEX

#9ECCB3

RGB

158, 204, 179

HSL

147.4, 31.1%, 71.0%

HSV

147.4, 22.5%, 80.0%

CMYK

22.5%, 0.0%, 12.3%, 20.0%

OKLCH

0.8055 0.0599 160.9

Properties

Cool Light Nearest: NCS S 0520-B70G Mint

Color Harmonies

Complementary

#9ECCB3

#CC9EB7

Analogous

#A0CC9E

#9ECCCA

#9ECCB3

Triadic

#9ECCB3

#B39ECC

#CCB39E

Split Complementary

#9ECCB3

#CA9ECC

#CC9EA0

Tetradic

#9ECCB3

#9EA0CC

#CC9EB7

#CCCA9E

Color Blindness Simulation

Original

#9ECCB3

Protanopia

#B2B2B9

Deuteranopia

#AFACBA

Tritanopia

#A0BEBF

Achromatopsia

#C0C0C0

CSS Usage

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

Tailwind Shades

50
#F5F9F7
100
#E8F2ED
200
#D0E6DA
300
#AFD5C0
400
#83BE9E
500
#58A77C
600
#468663
700
#386B4F
800
#2C543E
900
#233E2F
950
#16271E

Contrast Checker

Text on white

1.79:1

AA Fail AAA Fail

Text on black

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