#EB3C3D

#EB3C3D

Color Values

HEX

#EB3C3D

RGB

235, 60, 61

HSL

359.7, 81.4%, 57.8%

HSV

359.7, 74.5%, 92.2%

CMYK

0.0%, 74.5%, 74.0%, 7.8%

OKLCH

0.6221 0.2114 25.6

Properties

Warm Light Nearest: brown 2

Color Harmonies

Complementary

#EB3C3D

#3CEBEA

Analogous

#EB3C94

#EB933C

#EB3C3D

Triadic

#EB3C3D

#3DEB3C

#3C3DEB

Split Complementary

#EB3C3D

#3CEB93

#3C94EB

Tetradic

#EB3C3D

#94EB3C

#3CEBEA

#933CEB

Color Blindness Simulation

Original

#EB3C3D

Protanopia

#9F9E3D

Deuteranopia

#A9B63D

Tritanopia

#E23D3D

Achromatopsia

#616161

CSS Usage

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

Tailwind Shades

50
#FDF2F2
100
#FAE1E1
200
#F8BEBF
300
#F49090
400
#ED5455
500
#E71819
600
#B91314
700
#940F10
800
#740C0C
900
#540D0D
950
#350808

Contrast Checker

Text on white

4.0:1

AA Fail AAA Fail

Text on black

5.25:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026
Tutorials

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

1月 18, 2026