#9CDDC0

#9CDDC0

Color Values

HEX

#9CDDC0

RGB

156, 221, 192

HSL

153.2, 48.9%, 73.9%

HSV

153.2, 29.4%, 86.7%

CMYK

29.4%, 0.0%, 13.1%, 13.3%

OKLCH

0.8457 0.0775 165.2

Properties

Cool Light Nearest: Sea Green

Color Harmonies

Complementary

#9CDDC0

#DD9CB9

Analogous

#9CDD9F

#9CDADD

#9CDDC0

Triadic

#9CDDC0

#C09CDD

#DDC09C

Split Complementary

#9CDDC0

#DD9CDA

#DD9F9C

Tetradic

#9CDDC0

#9F9CDD

#DD9CB9

#DADD9C

Color Blindness Simulation

Original

#9CDDC0

Protanopia

#B8B9C7

Deuteranopia

#B4B0C9

Tritanopia

#9FCDCE

Achromatopsia

#CDCDCD

CSS Usage

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

Tailwind Shades

50
#F4FBF8
100
#E6F5EE
200
#CAEDDD
300
#A4E0C5
400
#73CFA6
500
#41BE86
600
#34986B
700
#2A7A56
800
#215F43
900
#1B4633
950
#112C20

Contrast Checker

Text on white

1.55:1

AA Fail AAA Fail

Text on black

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