#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

1월 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1월 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

1월 18, 2026