#E96ADE

#E96ADE

Color Values

HEX

#E96ADE

RGB

233, 106, 222

HSL

305.2, 74.3%, 66.5%

HSV

305.2, 54.5%, 91.4%

CMYK

0.0%, 54.5%, 4.7%, 8.6%

OKLCH

0.7169 0.2067 330.9

Properties

Warm Light Nearest: orchid 2

Color Harmonies

Complementary

#E96ADE

#6AE975

Analogous

#B56AE9

#E96A9F

#E96ADE

Triadic

#E96ADE

#DEE96A

#6ADEE9

Split Complementary

#E96ADE

#9FE96A

#6AE9B5

Tetradic

#E96ADE

#E9B56A

#6AE975

#6A9FE9

Color Blindness Simulation

Original

#E96ADE

Protanopia

#B2B1C2

Deuteranopia

#B9C3BB

Tritanopia

#E3ACA7

Achromatopsia

#8D8D8D

CSS Usage

background-color: #E96ADE;
color: #E96ADE;
border-color: #E96ADE;
Nearest Tailwind: Fuchsia 400 #E879F9

Tailwind Shades

50
#FCF3FB
100
#F8E2F6
200
#F6C1F1
300
#EF94E7
400
#E75BDB
500
#DE21CE
600
#B21AA5
700
#8E1584
800
#6F1067
900
#51104B
950
#330A30

Contrast Checker

Text on white

2.77:1

AA Fail AAA Fail

Text on black

7.58:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

1월 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

1월 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

1월 15, 2026