#96EED0

#96EED0

Color Values

HEX

#96EED0

RGB

150, 238, 208

HSL

159.5, 72.1%, 76.1%

HSV

159.5, 37.0%, 93.3%

CMYK

37.0%, 0.0%, 12.6%, 6.7%

OKLCH

0.885 0.0953 170.4

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#96EED0

#EE96B4

Analogous

#96EEA4

#96E0EE

#96EED0

Triadic

#96EED0

#D096EE

#EED096

Split Complementary

#96EED0

#EE96E0

#EEA496

Tetradic

#96EED0

#A496EE

#EE96B4

#E0EE96

Color Blindness Simulation

Original

#96EED0

Protanopia

#BCBDD7

Deuteranopia

#B7B0D9

Tritanopia

#9ADDDE

Achromatopsia

#D9D9D9

CSS Usage

background-color: #96EED0;
color: #96EED0;
border-color: #96EED0;
Nearest Tailwind: Emerald 200 #A7F3D0

Tailwind Shades

50
#F3FCF9
100
#E2F8F1
200
#C2F5E3
300
#96EED0
400
#5DE5B6
500
#24DB9D
600
#1CB07D
700
#178C64
800
#126E4E
900
#11503A
950
#0B3225

Contrast Checker

Text on white

1.36:1

AA Fail AAA Fail

Text on black

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