#E193DF

#E193DF

Color Values

HEX

#E193DF

RGB

225, 147, 223

HSL

301.5, 56.5%, 72.9%

HSV

301.5, 34.7%, 88.2%

CMYK

0.0%, 34.7%, 0.9%, 11.8%

OKLCH

0.7665 0.1353 327.7

Properties

Warm Light Nearest: plum

Color Harmonies

Complementary

#E193DF

#93E195

Analogous

#BC93E1

#E193B8

#E193DF

Triadic

#E193DF

#DFE193

#93DFE1

Split Complementary

#E193DF

#B8E193

#93E1BC

Tetradic

#E193DF

#E1BC93

#93E195

#93B8E1

Color Blindness Simulation

Original

#E193DF

Protanopia

#BFBFCD

Deuteranopia

#C4CAC8

Tritanopia

#DDBEBB

Achromatopsia

#A9A9A9

CSS Usage

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

Tailwind Shades

50
#FBF4FB
100
#F6E5F5
200
#EFC7EE
300
#E49FE3
400
#D66BD3
500
#C837C4
600
#A02C9D
700
#80237D
800
#641C62
900
#491848
950
#2E0F2D

Contrast Checker

Text on white

2.22:1

AA Fail AAA Fail

Text on black

9.44:1

AA Pass AAA Pass

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