#E467DF

#E467DF

Color Values

HEX

#E467DF

RGB

228, 103, 223

HSL

302,4, 69,8%, 64,9%

HSV

302,4, 54,8%, 89,4%

CMYK

0,0%, 54,8%, 2,2%, 10,6%

OKLCH

0,7072 0,2089 329,1

Properties

Warm Light Nearest: orchid 2

Color Harmonies

Complementary

#E467DF

#67E46C

Analogous

#AA67E4

#E467A0

#E467DF

Triadic

#E467DF

#DFE467

#67DFE4

Split Complementary

#E467DF

#A0E467

#67E4AA

Tetradic

#E467DF

#E4AA67

#67E46C

#67A0E4

Color Blindness Simulation

Original

#E467DF

Protanopia

#AEADC2

Deuteranopia

#B5BEBB

Tritanopia

#DEABA6

Achromatopsia

#8A8A8A

CSS Usage

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

Tailwind Shades

50
#FCF3FC
100
#F8E3F7
200
#F4C2F2
300
#ED97E9
400
#E35FDD
500
#D827D1
600
#AD1FA8
700
#8B1986
800
#6C1369
900
#4F124C
950
#320B30

Contrast Checker

Text on white

2,87:1

AA Fail AAA Fail

Text on black

7,3: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