#EE96B0

#EE96B0

Color Values

HEX

#EE96B0

RGB

238, 150, 176

HSL

342.3, 72.1%, 76.1%

HSV

342.3, 37.0%, 93.3%

CMYK

0.0%, 37.0%, 26.1%, 6.7%

OKLCH

0.7696 0.1098 0.9

Properties

Warm Light Nearest: Mauvelous

Color Harmonies

Complementary

#EE96B0

#96EED4

Analogous

#EE96DC

#EEA896

#EE96B0

Triadic

#EE96B0

#B0EE96

#96B0EE

Split Complementary

#EE96B0

#96EEA8

#96DCEE

Tetradic

#EE96B0

#DCEE96

#96EED4

#A896EE

Color Blindness Simulation

Original

#EE96B0

Protanopia

#C8C7AA

Deuteranopia

#CDD4A8

Tritanopia

#EAA5A4

Achromatopsia

#ABABAB

CSS Usage

background-color: #EE96B0;
color: #EE96B0;
border-color: #EE96B0;
Nearest Tailwind: Rose 300 #FDA4AF

Tailwind Shades

50
#FCF3F5
100
#F8E2E9
200
#F5C2D1
300
#EE96B0
400
#E55D85
500
#DB245A
600
#B01C48
700
#8C1739
800
#6E122D
900
#501124
950
#320B16

Contrast Checker

Text on white

2.18:1

AA Fail AAA Fail

Text on black

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