#EB363E

#EB363E

Color Values

HEX

#EB363E

RGB

235, 54, 62

HSL

357.3, 81.9%, 56.7%

HSV

357.3, 77.0%, 92.2%

CMYK

0.0%, 77.0%, 73.6%, 7.8%

OKLCH

0.6173 0.2158 24.3

Properties

Warm Light Nearest: brown 2

Color Harmonies

Complementary

#EB363E

#36EBE3

Analogous

#EB3699

#EB8836

#EB363E

Triadic

#EB363E

#3EEB36

#363EEB

Split Complementary

#EB363E

#36EB88

#3699EB

Tetradic

#EB363E

#99EB36

#36EBE3

#8836EB

Color Blindness Simulation

Original

#EB363E

Protanopia

#9D9B3C

Deuteranopia

#A7B53C

Tritanopia

#E23B3A

Achromatopsia

#5D5D5D

CSS Usage

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

Tailwind Shades

50
#FDF2F3
100
#FAE1E2
200
#F9BEC1
300
#F49094
400
#EE535A
500
#E81720
600
#BA121A
700
#940F15
800
#740C10
900
#540D10
950
#35080A

Contrast Checker

Text on white

4.09:1

AA Fail AAA Fail

Text on black

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