#ED3CF2

#ED3CF2

Color Values

HEX

#ED3CF2

RGB

237, 60, 242

HSL

298,4, 87,5%, 59,2%

HSV

298,4, 75,2%, 94,9%

CMYK

2,1%, 75,2%, 0,0%, 5,1%

OKLCH

0,6885 0,2795 326,9

Properties

Cool Light Nearest: magenta 2

Color Harmonies

Complementary

#ED3CF2

#41F23C

Analogous

#923CF2

#F23C9C

#ED3CF2

Triadic

#ED3CF2

#F2ED3C

#3CF2ED

Split Complementary

#ED3CF2

#9CF23C

#3CF292

Tetradic

#ED3CF2

#F2923C

#41F23C

#3C9CF2

Color Blindness Simulation

Original

#ED3CF2

Protanopia

#A09FC6

Deuteranopia

#ABB8BB

Tritanopia

#E4A39C

Achromatopsia

#6F6F6F

CSS Usage

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

Tailwind Shades

50
#FDF2FD
100
#FAE0FA
200
#F9BCFB
300
#F48CF7
400
#EF4EF3
500
#E910EF
600
#BA0DBF
700
#950A99
800
#750878
900
#550A57
950
#350737

Contrast Checker

Text on white

3,22:1

AA Fail AAA Fail

Text on black

6,53: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