#9EEDD5

#9EEDD5

Color Values

HEX

#9EEDD5

RGB

158, 237, 213

HSL

161.8, 68.7%, 77.5%

HSV

161.8, 33.3%, 92.9%

CMYK

33.3%, 0.0%, 10.1%, 7.1%

OKLCH

0.8882 0.0848 173.2

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#9EEDD5

#ED9EB6

Analogous

#9EEDAE

#9EDEED

#9EEDD5

Triadic

#9EEDD5

#D59EED

#EDD59E

Split Complementary

#9EEDD5

#ED9EDE

#EDAE9E

Tetradic

#9EEDD5

#AE9EED

#ED9EB6

#DEED9E

Color Blindness Simulation

Original

#9EEDD5

Protanopia

#C0C1DB

Deuteranopia

#BCB6DC

Tritanopia

#A2DFE0

Achromatopsia

#DADADA

CSS Usage

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

Tailwind Shades

50
#F3FCF9
100
#E3F8F1
200
#C3F4E5
300
#98ECD2
400
#60E1BA
500
#28D7A2
600
#20AC82
700
#1A8A68
800
#146C51
900
#124E3C
950
#0C3226

Contrast Checker

Text on white

1.35:1

AA Fail AAA Fail

Text on black

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