#ED1241

#ED1241

Color Values

HEX

#ED1241

RGB

237, 18, 65

HSL

347.1, 85.9%, 50.0%

HSV

347.1, 92.4%, 92.9%

CMYK

0.0%, 92.4%, 72.6%, 7.1%

OKLCH

0.6027 0.2362 19.9

Properties

Warm Light Nearest: Scarlet

Color Harmonies

Complementary

#ED1241

#12EDBE

Analogous

#ED12AF

#ED5012

#ED1241

Triadic

#ED1241

#41ED12

#1241ED

Split Complementary

#ED1241

#12ED50

#12AFED

Tetradic

#ED1241

#AFED12

#12EDBE

#5012ED

Color Blindness Simulation

Original

#ED1241

Protanopia

#8E8C36

Deuteranopia

#9BAB33

Tritanopia

#E22D2B

Achromatopsia

#444444

CSS Usage

background-color: #ED1241;
color: #ED1241;
border-color: #ED1241;
Nearest Tailwind: Rose 600 #E11D48

Tailwind Shades

50
#FDF2F4
100
#FAE0E6
200
#FABDCA
300
#F68DA4
400
#F25072
500
#ED1241
600
#BE0E34
700
#980C2A
800
#770921
900
#560B1B
950
#360711

Contrast Checker

Text on white

4.41:1

AA Fail AAA Fail

Text on black

4.76:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026