#E996EC

#E996EC

Color Values

HEX

#E996EC

RGB

233, 150, 236

HSL

297.9, 69.4%, 75.7%

HSV

297.9, 36.4%, 92.5%

CMYK

1.3%, 36.4%, 0.0%, 7.5%

OKLCH

0.7853 0.1479 325.7

Properties

Cool Light Nearest: violet

Color Harmonies

Complementary

#E996EC

#99EC96

Analogous

#BE96EC

#EC96C4

#E996EC

Triadic

#E996EC

#ECE996

#96ECE9

Split Complementary

#E996EC

#C4EC96

#96ECBE

Tetradic

#E996EC

#ECBE96

#99EC96

#96C4EC

Color Blindness Simulation

Original

#E996EC

Protanopia

#C5C4D7

Deuteranopia

#CAD0D2

Tritanopia

#E5C7C3

Achromatopsia

#AEAEAE

CSS Usage

background-color: #E996EC;
color: #E996EC;
border-color: #E996EC;
Nearest Tailwind: Fuchsia 300 #F0ABFC

Tailwind Shades

50
#FCF3FC
100
#F7E3F8
200
#F2C3F4
300
#E997EC
400
#DE5FE2
500
#D227D8
600
#A81FAD
700
#86198A
800
#69146C
900
#4D124F
950
#300B32

Contrast Checker

Text on white

2.09:1

AA Fail AAA Fail

Text on black

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