#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

2월 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2월 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2월 19, 2026