#9DDCBA

#9DDCBA

Color Values

HEX

#9DDCBA

RGB

157, 220, 186

HSL

147.6, 47.4%, 73.9%

HSV

147.6, 28.6%, 86.3%

CMYK

28.6%, 0.0%, 15.5%, 13.7%

OKLCH

0.8425 0.08 160.5

Properties

Cool Light Nearest: Sea Green

Color Harmonies

Complementary

#9DDCBA

#DC9DBF

Analogous

#9FDC9D

#9DDCD9

#9DDCBA

Triadic

#9DDCBA

#BA9DDC

#DCBA9D

Split Complementary

#9DDCBA

#D99DDC

#DC9D9F

Tetradic

#9DDCBA

#9D9FDC

#DC9DBF

#DCD99D

Color Blindness Simulation

Original

#9DDCBA

Protanopia

#B8B9C2

Deuteranopia

#B5B0C4

Tritanopia

#A0C9CA

Achromatopsia

#CCCCCC

CSS Usage

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

Tailwind Shades

50
#F4FAF7
100
#E6F4ED
200
#CAECDA
300
#A5DFBF
400
#74CD9D
500
#43BC7B
600
#369662
700
#2B784F
800
#225E3D
900
#1C452F
950
#122C1E

Contrast Checker

Text on white

1.57:1

AA Fail AAA Fail

Text on black

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