#ED4BF7

#ED4BF7

Color Values

HEX

#ED4BF7

RGB

237, 75, 247

HSL

296.5, 91.5%, 63.1%

HSV

296.5, 69.6%, 96.9%

CMYK

4.0%, 69.6%, 0.0%, 3.1%

OKLCH

0.7027 0.2685 325.4

Properties

Cool Light Nearest: mediumorchid 1

Color Harmonies

Complementary

#ED4BF7

#55F74B

Analogous

#974BF7

#F74BAB

#ED4BF7

Triadic

#ED4BF7

#F7ED4B

#4BF7ED

Split Complementary

#ED4BF7

#ABF74B

#4BF797

Tetradic

#ED4BF7

#F7974B

#55F74B

#4BABF7

Color Blindness Simulation

Original

#ED4BF7

Protanopia

#A7A5CD

Deuteranopia

#B0BCC3

Tritanopia

#E5ACA5

Achromatopsia

#7A7A7A

CSS Usage

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

Tailwind Shades

50
#FDF1FD
100
#F9DFFB
200
#F8BBFC
300
#F38AFA
400
#ED4AF7
500
#E70BF4
600
#B809C3
700
#94079C
800
#73057A
900
#540958
950
#350538

Contrast Checker

Text on white

3.02:1

AA Fail AAA Fail

Text on black

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