#E293F0

#E293F0

Color Values

HEX

#E293F0

RGB

226, 147, 240

HSL

291.0, 75.6%, 75.9%

HSV

291.0, 38.8%, 94.1%

CMYK

5.8%, 38.8%, 0.0%, 5.9%

OKLCH

0.7747 0.1528 321.4

Properties

Cool Light Nearest: violet

Color Harmonies

Complementary

#E293F0

#A1F093

Analogous

#B493F0

#F093CF

#E293F0

Triadic

#E293F0

#F0E293

#93F0E2

Split Complementary

#E293F0

#CFF093

#93F0B4

Tetradic

#E293F0

#F0B493

#A1F093

#93CFF0

Color Blindness Simulation

Original

#E293F0

Protanopia

#C0BFDA

Deuteranopia

#C4CAD4

Tritanopia

#DEC8C4

Achromatopsia

#ABABAB

CSS Usage

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

Tailwind Shades

50
#FBF2FC
100
#F5E2F9
200
#EEC0F6
300
#E294F0
400
#D359E8
500
#C31FE0
600
#9C19B3
700
#7D148F
800
#611070
900
#480F51
950
#2D0A33

Contrast Checker

Text on white

2.17:1

AA Fail AAA Fail

Text on black

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