#9ECAA0

#9ECAA0

Color Values

HEX

#9ECAA0

RGB

158, 202, 160

HSL

122.7, 29.3%, 70.6%

HSV

122.7, 21.8%, 79.2%

CMYK

21.8%, 0.0%, 20.8%, 20.8%

OKLCH

0.7962 0.0749 146.0

Properties

Cool Light Nearest: darkseagreen 3

Color Harmonies

Complementary

#9ECAA0

#CA9EC8

Analogous

#B2CA9E

#9ECAB6

#9ECAA0

Triadic

#9ECAA0

#A09ECA

#CAA09E

Split Complementary

#9ECAA0

#B69ECA

#CA9EB2

Tetradic

#9ECAA0

#9EB2CA

#CA9EC8

#CAB69E

Color Blindness Simulation

Original

#9ECAA0

Protanopia

#B1B1AA

Deuteranopia

#AEABAD

Tritanopia

#A0B2B4

Achromatopsia

#BEBEBE

CSS Usage

background-color: #9ECAA0;
color: #9ECAA0;
border-color: #9ECAA0;
Nearest Tailwind: Green 200 #BBF7D0

Tailwind Shades

50
#F5F9F6
100
#E9F2E9
200
#D1E6D2
300
#B0D4B1
400
#85BC87
500
#5AA55E
600
#48844B
700
#3A6A3C
800
#2D522F
900
#243D25
950
#172717

Contrast Checker

Text on white

1.84:1

AA Fail AAA Fail

Text on black

11.41:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026