#E48DF7

#E48DF7

Color Values

HEX

#E48DF7

RGB

228, 141, 247

HSL

289.2, 86.9%, 76.1%

HSV

289.2, 42.9%, 96.9%

CMYK

7.7%, 42.9%, 0.0%, 3.1%

OKLCH

0.7707 0.1711 320.3

Properties

Cool Light Nearest: violet

Color Harmonies

Complementary

#E48DF7

#A0F78D

Analogous

#AF8DF7

#F78DD5

#E48DF7

Triadic

#E48DF7

#F7E48D

#8DF7E4

Split Complementary

#E48DF7

#D5F78D

#8DF7AF

Tetradic

#E48DF7

#F7AF8D

#A0F78D

#8DD5F7

Color Blindness Simulation

Original

#E48DF7

Protanopia

#BEBEDD

Deuteranopia

#C3CAD7

Tritanopia

#E0C9C5

Achromatopsia

#A7A7A7

CSS Usage

background-color: #E48DF7;
color: #E48DF7;
border-color: #E48DF7;
Nearest Tailwind: Fuchsia 400 #E879F9

Tailwind Shades

50
#FBF2FD
100
#F6E0FA
200
#EFBCFA
300
#E48DF7
400
#D54FF3
500
#C611EE
600
#9F0DBF
700
#7F0B99
800
#630877
900
#490B56
950
#2E0737

Contrast Checker

Text on white

2.22:1

AA Fail AAA Fail

Text on black

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