#EF4045

#EF4045

Color Values

HEX

#EF4045

RGB

239, 64, 69

HSL

358.3, 84.5%, 59.4%

HSV

358.3, 73.2%, 93.7%

CMYK

0.0%, 73.2%, 71.1%, 6.3%

OKLCH

0.6333 0.2111 24.2

Properties

Warm Light Nearest: brown 2

Color Harmonies

Complementary

#EF4045

#40EFEA

Analogous

#EF409C

#EF9340

#EF4045

Triadic

#EF4045

#45EF40

#4045EF

Split Complementary

#EF4045

#40EF93

#409CEF

Tetradic

#EF4045

#9CEF40

#40EFEA

#9340EF

Color Blindness Simulation

Original

#EF4045

Protanopia

#A3A244

Deuteranopia

#ADBA44

Tritanopia

#E64343

Achromatopsia

#666666

CSS Usage

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

Tailwind Shades

50
#FDF2F2
100
#FAE0E1
200
#F9BDBF
300
#F68E91
400
#F05155
500
#EB141A
600
#BC1015
700
#970D11
800
#760A0D
900
#550C0E
950
#360709

Contrast Checker

Text on white

3.83:1

AA Fail AAA Fail

Text on black

5.49:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

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

Jan 18, 2026