#ED1237

#ED1237

Color Values

HEX

#ED1237

RGB

237, 18, 55

HSL

349,9, 85,9%, 50,0%

HSV

349,9, 92,4%, 92,9%

CMYK

0,0%, 92,4%, 76,8%, 7,1%

OKLCH

0,6014 0,2367 22,5

Properties

Warm Light Nearest: Scarlet

Color Harmonies

Complementary

#ED1237

#12EDC8

Analogous

#ED12A4

#ED5B12

#ED1237

Triadic

#ED1237

#37ED12

#1237ED

Split Complementary

#ED1237

#12ED5B

#12A4ED

Tetradic

#ED1237

#A4ED12

#12EDC8

#5B12ED

Color Blindness Simulation

Original

#ED1237

Protanopia

#8E8C2E

Deuteranopia

#9BAB2C

Tritanopia

#E22725

Achromatopsia

#434343

CSS Usage

background-color: #ED1237;
color: #ED1237;
border-color: #ED1237;
Nearest Tailwind: Red 600 #DC2626

Tailwind Shades

50
#FDF2F4
100
#FAE0E5
200
#FABDC7
300
#F68D9F
400
#F2506B
500
#ED1237
600
#BE0E2C
700
#980C23
800
#77091B
900
#560B18
950
#36070F

Contrast Checker

Text on white

4,43:1

AA Fail AAA Fail

Text on black

4,74: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