#EC4F58

#EC4F58

Color Values

HEX

#EC4F58

RGB

236, 79, 88

HSL

356.6, 80.5%, 61.8%

HSV

356.6, 66.5%, 92.5%

CMYK

0.0%, 66.5%, 62.7%, 7.5%

OKLCH

0.6461 0.1926 21.2

Properties

Warm Light Nearest: indianred 2

Color Harmonies

Complementary

#EC4F58

#4FECE3

Analogous

#EC4FA6

#EC954F

#EC4F58

Triadic

#EC4F58

#58EC4F

#4F58EC

Split Complementary

#EC4F58

#4FEC95

#4FA6EC

Tetradic

#EC4F58

#A6EC4F

#4FECE3

#954FEC

Color Blindness Simulation

Original

#EC4F58

Protanopia

#A8A756

Deuteranopia

#B1BD55

Tritanopia

#E45454

Achromatopsia

#717171

CSS Usage

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

Tailwind Shades

50
#FDF2F3
100
#F9E1E2
200
#F8BFC2
300
#F39196
400
#ED555D
500
#E61924
600
#B8141D
700
#931017
800
#730C12
900
#540D11
950
#35080B

Contrast Checker

Text on white

3.6:1

AA Fail AAA Fail

Text on black

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