#E118DF

#E118DF

Color Values

HEX

#E118DF

RGB

225, 24, 223

HSL

300.6, 80.7%, 48.8%

HSV

300.6, 89.3%, 88.2%

CMYK

0.0%, 89.3%, 0.9%, 11.8%

OKLCH

0.6421 0.2854 328.8

Properties

Warm Light Nearest: magenta 3

Color Harmonies

Complementary

#E118DF

#18E11A

Analogous

#7E18E1

#E1187A

#E118DF

Triadic

#E118DF

#DFE118

#18DFE1

Split Complementary

#E118DF

#7AE118

#18E17E

Tetradic

#E118DF

#E17E18

#18E11A

#187AE1

Color Blindness Simulation

Original

#E118DF

Protanopia

#8A88AF

Deuteranopia

#96A5A3

Tritanopia

#D78980

Achromatopsia

#515151

CSS Usage

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

Tailwind Shades

50
#FDF2FC
100
#F9E1F9
200
#F8BEF8
300
#F390F2
400
#ED55EB
500
#E619E4
600
#B814B7
700
#931092
800
#730C72
900
#540D53
950
#350834

Contrast Checker

Text on white

3.89:1

AA Fail AAA Fail

Text on black

5.4:1

AA Pass AAA Fail

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