#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

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026