#EB504F

#EB504F

Color Values

HEX

#EB504F

RGB

235, 80, 79

HSL

0,4, 79,6%, 61,6%

HSV

0,4, 66,4%, 92,2%

CMYK

0,0%, 66,0%, 66,4%, 7,8%

OKLCH

0,6441 0,1915 24,6

Properties

Warm Light Nearest: Sunset Orange

Color Harmonies

Complementary

#EB504F

#4FEAEB

Analogous

#EB4F9C

#EB9E4F

#EB504F

Triadic

#EB504F

#4FEB50

#504FEB

Split Complementary

#EB504F

#4FEB9E

#4F9CEB

Tetradic

#EB504F

#9CEB4F

#4FEAEB

#9E4FEB

Color Blindness Simulation

Original

#EB504F

Protanopia

#A8A74F

Deuteranopia

#B1BC4F

Tritanopia

#E34F4F

Achromatopsia

#717171

CSS Usage

background-color: #EB504F;
color: #EB504F;
border-color: #EB504F;
Nearest Tailwind: Red 500 #EF4444

Tailwind Shades

50
#FDF2F2
100
#F9E1E1
200
#F8BFBF
300
#F39291
400
#EC5756
500
#E51B1A
600
#B71615
700
#931211
800
#720E0D
900
#530E0E
950
#350909

Contrast Checker

Text on white

3,63:1

AA Fail AAA Fail

Text on black

5,79:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026