#ED12CB

#ED12CB

Color Values

HEX

#ED12CB

RGB

237, 18, 203

HSL

309.3, 85.9%, 50.0%

HSV

309.3, 92.4%, 92.9%

CMYK

0.0%, 92.4%, 14.3%, 7.1%

OKLCH

0.6481 0.28 336.8

Properties

Warm Light Nearest: Hot Magenta

Color Harmonies

Complementary

#ED12CB

#12ED34

Analogous

#A112ED

#ED125E

#ED12CB

Triadic

#ED12CB

#CBED12

#12CBED

Split Complementary

#ED12CB

#5EED12

#12EDA1

Tetradic

#ED12CB

#EDA112

#12ED34

#125EED

Color Blindness Simulation

Original

#ED12CB

Protanopia

#8E8C9E

Deuteranopia

#9BAB94

Tritanopia

#E27B73

Achromatopsia

#4E4E4E

CSS Usage

background-color: #ED12CB;
color: #ED12CB;
border-color: #ED12CB;
Nearest Tailwind: Fuchsia 600 #C026D3

Tailwind Shades

50
#FDF2FB
100
#FAE0F6
200
#FABDF0
300
#F68DE6
400
#F250D9
500
#ED12CB
600
#BE0EA2
700
#980C82
800
#770966
900
#560B4A
950
#36072F

Contrast Checker

Text on white

3.78:1

AA Fail AAA Fail

Text on black

5.55:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026