#9EEDD6

#9EEDD6

Color Values

HEX

#9EEDD6

RGB

158, 237, 214

HSL

162.5, 68.7%, 77.5%

HSV

162.5, 33.3%, 92.9%

CMYK

33.3%, 0.0%, 9.7%, 7.1%

OKLCH

0.8885 0.0842 174.0

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#9EEDD6

#ED9EB5

Analogous

#9EEDAF

#9EDDED

#9EEDD6

Triadic

#9EEDD6

#D69EED

#EDD69E

Split Complementary

#9EEDD6

#ED9EDD

#EDAF9E

Tetradic

#9EEDD6

#AF9EED

#ED9EB5

#DDED9E

Color Blindness Simulation

Original

#9EEDD6

Protanopia

#C0C1DC

Deuteranopia

#BCB6DD

Tritanopia

#A2E0E1

Achromatopsia

#DBDBDB

CSS Usage

background-color: #9EEDD6;
color: #9EEDD6;
border-color: #9EEDD6;
Nearest Tailwind: Teal 200 #99F6E4

Tailwind Shades

50
#F3FCF9
100
#E3F8F1
200
#C3F4E6
300
#98ECD3
400
#60E1BC
500
#28D7A4
600
#20AC83
700
#1A8A69
800
#146C52
900
#124E3D
950
#0C3226

Contrast Checker

Text on white

1.35:1

AA Fail AAA Fail

Text on black

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