#E233E4

#E233E4

Color Values

HEX

#E233E4

RGB

226, 51, 228

HSL

299.3, 76.6%, 54.7%

HSV

299.3, 77.6%, 89.4%

CMYK

0.9%, 77.6%, 0.0%, 10.6%

OKLCH

0.6589 0.2726 327.6

Properties

Cool Light Nearest: magenta 3

Color Harmonies

Complementary

#E233E4

#35E433

Analogous

#8933E4

#E4338E

#E233E4

Triadic

#E233E4

#E4E233

#33E4E2

Split Complementary

#E233E4

#8EE433

#33E489

Tetradic

#E233E4

#E48933

#35E433

#338EE4

Color Blindness Simulation

Original

#E233E4

Protanopia

#9695B9

Deuteranopia

#A0AEAF

Tritanopia

#D99790

Achromatopsia

#656565

CSS Usage

background-color: #E233E4;
color: #E233E4;
border-color: #E233E4;
Nearest Tailwind: Fuchsia 500 #D946EF

Tailwind Shades

50
#FCF2FC
100
#F9E2F9
200
#F6C0F7
300
#F093F1
400
#E758E9
500
#DF1EE1
600
#B218B4
700
#8F1390
800
#6F0F71
900
#510F52
950
#330A34

Contrast Checker

Text on white

3.6:1

AA Fail AAA Fail

Text on black

5.83:1

AA Pass AAA Fail

Related Articles

Tutorials

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

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026