#9DDAB3

#9DDAB3

Color Values

HEX

#9DDAB3

RGB

157, 218, 179

HSL

141.6, 45.2%, 73.5%

HSV

141.6, 28.0%, 85.5%

CMYK

28.0%, 0.0%, 17.9%, 14.5%

OKLCH

0.8362 0.0829 156.1

Properties

Cool Light Nearest: Sea Green

Color Harmonies

Complementary

#9DDAB3

#DA9DC4

Analogous

#A5DA9D

#9DDAD1

#9DDAB3

Triadic

#9DDAB3

#B39DDA

#DAB39D

Split Complementary

#9DDAB3

#D19DDA

#DA9DA5

Tetradic

#9DDAB3

#9DA5DA

#DA9DC4

#DAD19D

Color Blindness Simulation

Original

#9DDAB3

Protanopia

#B7B8BC

Deuteranopia

#B4AFBF

Tritanopia

#A0C4C6

Achromatopsia

#CACACA

CSS Usage

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

Tailwind Shades

50
#F4FAF7
100
#E6F4EB
200
#CBEBD7
300
#A6DDBA
400
#76CB95
500
#46B96F
600
#389459
700
#2D7647
800
#235D38
900
#1D442B
950
#122B1B

Contrast Checker

Text on white

1.6:1

AA Fail AAA Fail

Text on black

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