#EB3836

#EB3836

Color Values

HEX

#EB3836

RGB

235, 56, 54

HSL

0.7, 81.9%, 56.7%

HSV

0.7, 77.0%, 92.2%

CMYK

0.0%, 76.2%, 77.0%, 7.8%

OKLCH

0.6179 0.2152 26.7

Properties

Warm Light Nearest: brown 2

Color Harmonies

Complementary

#EB3836

#36E9EB

Analogous

#EB368E

#EB9336

#EB3836

Triadic

#EB3836

#36EB38

#3836EB

Split Complementary

#EB3836

#36EB93

#368EEB

Tetradic

#EB3836

#8EEB36

#36E9EB

#9336EB

Color Blindness Simulation

Original

#EB3836

Protanopia

#9D9C36

Deuteranopia

#A8B537

Tritanopia

#E23737

Achromatopsia

#5E5E5E

CSS Usage

background-color: #EB3836;
color: #EB3836;
border-color: #EB3836;
Nearest Tailwind: Red 600 #DC2626

Tailwind Shades

50
#FDF2F2
100
#FAE1E1
200
#F9BFBE
300
#F49190
400
#EE5553
500
#E81A17
600
#BA1412
700
#94100F
800
#740D0C
900
#540E0D
950
#350908

Contrast Checker

Text on white

4.08:1

AA Fail AAA Fail

Text on black

5.15:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

ม.ค. 18, 2026