#9CDBC0

#9CDBC0

Color Values

HEX

#9CDBC0

RGB

156, 219, 192

HSL

154.3, 46.7%, 73.5%

HSV

154.3, 28.8%, 85.9%

CMYK

28.8%, 0.0%, 12.3%, 14.1%

OKLCH

0.8412 0.0746 166.2

Properties

Cool Light Nearest: NCS S 0520-B70G Mint

Color Harmonies

Complementary

#9CDBC0

#DB9CB7

Analogous

#9CDBA0

#9CD6DB

#9CDBC0

Triadic

#9CDBC0

#C09CDB

#DBC09C

Split Complementary

#9CDBC0

#DB9CD6

#DBA09C

Tetradic

#9CDBC0

#A09CDB

#DB9CB7

#D6DB9C

Color Blindness Simulation

Original

#9CDBC0

Protanopia

#B7B8C7

Deuteranopia

#B4AFC8

Tritanopia

#9FCCCD

Achromatopsia

#CCCCCC

CSS Usage

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

Tailwind Shades

50
#F4FAF8
100
#E6F4EE
200
#CBECDE
300
#A5DEC6
400
#75CDA7
500
#44BB88
600
#36966D
700
#2B7857
800
#225E44
900
#1C4533
950
#122B20

Contrast Checker

Text on white

1.58:1

AA Fail AAA Fail

Text on black

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