#ED1263

#ED1263

Color Values

HEX

#ED1263

RGB

237, 18, 99

HSL

337.8, 85.9%, 50.0%

HSV

337.8, 92.4%, 92.9%

CMYK

0.0%, 92.4%, 58.2%, 7.1%

OKLCH

0.6091 0.2378 9.5

Properties

Warm Light Nearest: Razzmatazz

Color Harmonies

Complementary

#ED1263

#12ED9C

Analogous

#ED12D1

#ED2E12

#ED1263

Triadic

#ED1263

#63ED12

#1263ED

Split Complementary

#ED1263

#12ED2E

#12D1ED

Tetradic

#ED1263

#D1ED12

#12ED9C

#2E12ED

Color Blindness Simulation

Original

#ED1263

Protanopia

#8E8C4F

Deuteranopia

#9BAB4B

Tritanopia

#E2403D

Achromatopsia

#464646

CSS Usage

background-color: #ED1263;
color: #ED1263;
border-color: #ED1263;
Nearest Tailwind: Rose 500 #F43F5E

Tailwind Shades

50
#FDF2F6
100
#FAE0EA
200
#FABDD3
300
#F68DB4
400
#F2508C
500
#ED1263
600
#BE0E4F
700
#980C3F
800
#770932
900
#560B27
950
#360718

Contrast Checker

Text on white

4.31:1

AA Fail AAA Fail

Text on black

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