#EF4444

#EF4444

Color Values

HEX

#EF4444

RGB

239, 68, 68

HSL

0.0, 84.2%, 60.2%

HSV

0.0, 71.5%, 93.7%

CMYK

0.0%, 71.5%, 71.5%, 6.3%

OKLCH

0.6368 0.2078 25.3

Properties

Warm Light Nearest: brown 2

Color Harmonies

Complementary

#EF4444

#44EFEF

Analogous

#EF449A

#EF9A44

#EF4444

Triadic

#EF4444

#44EF44

#4444EF

Split Complementary

#EF4444

#44EF9A

#449AEF

Tetradic

#EF4444

#9AEF44

#44EFEF

#9A44EF

Color Blindness Simulation

Original

#EF4444

Protanopia

#A5A344

Deuteranopia

#AFBC44

Tritanopia

#E64444

Achromatopsia

#686868

CSS Usage

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

Tailwind Shades

50
#FDF2F2
100
#FAE0E0
200
#F9BDBD
300
#F58E8E
400
#F05151
500
#EB1414
600
#BC1010
700
#960D0D
800
#750A0A
900
#550C0C
950
#360707

Contrast Checker

Text on white

3.76:1

AA Fail AAA Fail

Text on black

5.58:1

AA Pass AAA Fail

Part of These Collections

Tailwind CSS — Red

Red 500

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026