#E718C2

#E718C2

Color Values

HEX

#E718C2

RGB

231, 24, 194

HSL

310.7, 81.2%, 50.0%

HSV

310.7, 89.6%, 90.6%

CMYK

0.0%, 89.6%, 16.0%, 9.4%

OKLCH

0.6357 0.2698 337.8

Properties

Warm Light Nearest: Hot Magenta

Color Harmonies

Complementary

#E718C2

#18E73D

Analogous

#A418E7

#E7185B

#E718C2

Triadic

#E718C2

#C2E718

#18C2E7

Split Complementary

#E718C2

#5BE718

#18E7A4

Tetradic

#E718C2

#E7A418

#18E73D

#185BE7

Color Blindness Simulation

Original

#E718C2

Protanopia

#8D8C99

Deuteranopia

#99A98F

Tritanopia

#DD7871

Achromatopsia

#505050

CSS Usage

background-color: #E718C2;
color: #E718C2;
border-color: #E718C2;
Nearest Tailwind: Fuchsia 600 #C026D3

Tailwind Shades

50
#FDF2FB
100
#F9E1F5
200
#F8BEEE
300
#F390E2
400
#ED54D2
500
#E718C2
600
#B9139B
700
#940F7C
800
#740C61
900
#540D47
950
#35082D

Contrast Checker

Text on white

3.96:1

AA Fail AAA Fail

Text on black

5.31:1

AA Pass AAA Fail

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