#EB3F36

#EB3F36

Color Values

HEX

#EB3F36

RGB

235, 63, 54

HSL

3.0, 81.9%, 56.7%

HSV

3.0, 77.0%, 92.2%

CMYK

0.0%, 73.2%, 77.0%, 7.8%

OKLCH

0.6238 0.2099 28.0

Properties

Warm Light Nearest: brown 2

Color Harmonies

Complementary

#EB3F36

#36E2EB

Analogous

#EB3688

#EB9A36

#EB3F36

Triadic

#EB3F36

#36EB3F

#3F36EB

Split Complementary

#EB3F36

#36EB9A

#3688EB

Tetradic

#EB3F36

#88EB36

#36E2EB

#9A36EB

Color Blindness Simulation

Original

#EB3F36

Protanopia

#A09F38

Deuteranopia

#AAB739

Tritanopia

#E23A3A

Achromatopsia

#636363

CSS Usage

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

Tailwind Shades

50
#FDF3F2
100
#FAE2E1
200
#F9C1BE
300
#F49590
400
#EE5B53
500
#E82217
600
#BA1B12
700
#94150F
800
#74110C
900
#54100D
950
#350A08

Contrast Checker

Text on white

3.96:1

AA Fail AAA Fail

Text on black

5.3:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026