#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

يناير 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

يناير 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

يناير 15, 2026