#ED4DEE

#ED4DEE

Color Values

HEX

#ED4DEE

RGB

237, 77, 238

HSL

299.6, 82.6%, 61.8%

HSV

299.6, 67.6%, 93.3%

CMYK

0.4%, 67.6%, 0.0%, 6.7%

OKLCH

0.6995 0.2595 327.7

Properties

Cool Light Nearest: mediumorchid 1

Color Harmonies

Complementary

#ED4DEE

#4EEE4D

Analogous

#9D4DEE

#EE4D9F

#ED4DEE

Triadic

#ED4DEE

#EEED4D

#4DEEED

Split Complementary

#ED4DEE

#9FEE4D

#4DEE9D

Tetradic

#ED4DEE

#EE9D4D

#4EEE4D

#4D9FEE

Color Blindness Simulation

Original

#ED4DEE

Protanopia

#A8A6C7

Deuteranopia

#B1BDBE

Tritanopia

#E5A8A2

Achromatopsia

#7B7B7B

CSS Usage

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

Tailwind Shades

50
#FDF2FD
100
#FAE1FA
200
#F8BEF9
300
#F48FF4
400
#EE53EF
500
#E716E9
600
#B912BA
700
#940E95
800
#740B74
900
#540C54
950
#350835

Contrast Checker

Text on white

3.04:1

AA Fail AAA Fail

Text on black

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