#9BEDCC

#9BEDCC

Color Values

HEX

#9BEDCC

RGB

155, 237, 204

HSL

155.9, 69.5%, 76.9%

HSV

155.9, 34.6%, 92.9%

CMYK

34.6%, 0.0%, 13.9%, 7.1%

OKLCH

0.8842 0.0928 167.0

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#9BEDCC

#ED9BBC

Analogous

#9BEDA3

#9BE5ED

#9BEDCC

Triadic

#9BEDCC

#CC9BED

#EDCC9B

Split Complementary

#9BEDCC

#ED9BE5

#EDA39B

Tetradic

#9BEDCC

#A39BED

#ED9BBC

#E5ED9B

Color Blindness Simulation

Original

#9BEDCC

Protanopia

#BFBFD4

Deuteranopia

#BAB4D6

Tritanopia

#9FDADC

Achromatopsia

#D9D9D9

CSS Usage

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

Tailwind Shades

50
#F3FCF8
100
#E3F8EF
200
#C2F4E0
300
#97ECCA
400
#5FE2AE
500
#27D891
600
#1FAD74
700
#198A5D
800
#136C48
900
#124F36
950
#0B3222

Contrast Checker

Text on white

1.37:1

AA Fail AAA Fail

Text on black

15.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