#9BDEC0

#9BDEC0

Color Values

HEX

#9BDEC0

RGB

155, 222, 192

HSL

153.1, 50.4%, 73.9%

HSV

153.1, 30.2%, 87.1%

CMYK

30.2%, 0.0%, 13.5%, 12.9%

OKLCH

0.8474 0.0798 165.0

Properties

Cool Light Nearest: Sea Green

Color Harmonies

Complementary

#9BDEC0

#DE9BB9

Analogous

#9BDE9E

#9BDBDE

#9BDEC0

Triadic

#9BDEC0

#C09BDE

#DEC09B

Split Complementary

#9BDEC0

#DE9BDB

#DE9E9B

Tetradic

#9BDEC0

#9E9BDE

#DE9BB9

#DBDE9B

Color Blindness Simulation

Original

#9BDEC0

Protanopia

#B8B9C7

Deuteranopia

#B4AFC9

Tritanopia

#9ECDCE

Achromatopsia

#CECECE

CSS Usage

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

Tailwind Shades

50
#F4FBF8
100
#E6F5EE
200
#C9EDDD
300
#A3E1C5
400
#71D0A6
500
#3FC086
600
#33996B
700
#287B56
800
#206043
900
#1A4633
950
#112C20

Contrast Checker

Text on white

1.54:1

AA Fail AAA Fail

Text on black

13.6:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026