#ED12BA

#ED12BA

Color Values

HEX

#ED12BA

RGB

237, 18, 186

HSL

314.0, 85.9%, 50.0%

HSV

314.0, 92.4%, 92.9%

CMYK

0.0%, 92.4%, 21.5%, 7.1%

OKLCH

0.6398 0.2703 341.4

Properties

Warm Light Nearest: Hot Magenta

Color Harmonies

Complementary

#ED12BA

#12ED45

Analogous

#B312ED

#ED124C

#ED12BA

Triadic

#ED12BA

#BAED12

#12BAED

Split Complementary

#ED12BA

#4CED12

#12EDB3

Tetradic

#ED12BA

#EDB312

#12ED45

#124CED

Color Blindness Simulation

Original

#ED12BA

Protanopia

#8E8C91

Deuteranopia

#9BAB88

Tritanopia

#E2716A

Achromatopsia

#4D4D4D

CSS Usage

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

Tailwind Shades

50
#FDF2FA
100
#FAE0F4
200
#FABDEC
300
#F68DDE
400
#F250CC
500
#ED12BA
600
#BE0E95
700
#980C77
800
#77095D
900
#560B44
950
#36072B

Contrast Checker

Text on white

3.89:1

AA Fail AAA Fail

Text on black

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