#ED40DF

#ED40DF

Color Values

HEX

#ED40DF

RGB

237, 64, 223

HSL

304,9, 82,8%, 59,0%

HSV

304,9, 73,0%, 92,9%

CMYK

0,0%, 73,0%, 5,9%, 7,1%

OKLCH

0,681 0,2623 331,6

Properties

Warm Light Nearest: Purple Pizzazz

Color Harmonies

Complementary

#ED40DF

#40ED4E

Analogous

#A540ED

#ED4088

#ED40DF

Triadic

#ED40DF

#DFED40

#40DFED

Split Complementary

#ED40DF

#88ED40

#40EDA5

Tetradic

#ED40DF

#EDA540

#40ED4E

#4088ED

Color Blindness Simulation

Original

#ED40DF

Protanopia

#A2A1B9

Deuteranopia

#ACB9AF

Tritanopia

#E49A93

Achromatopsia

#707070

CSS Usage

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

Tailwind Shades

50
#FDF2FC
100
#FAE1F8
200
#F9BEF4
300
#F48FEC
400
#EF53E2
500
#E916D8
600
#BA12AD
700
#950E8A
800
#750B6C
900
#550C4F
950
#350832

Contrast Checker

Text on white

3,28:1

AA Fail AAA Fail

Text on black

6,4:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026