#D43F39

#D43F39

Color Values

HEX

#D43F39

RGB

212, 63, 57

HSL

2.3, 64.3%, 52.7%

HSV

2.3, 73.1%, 83.1%

CMYK

0.0%, 70.3%, 73.1%, 16.9%

OKLCH

0.5852 0.1869 27.0

Properties

Warm Dark Nearest: brown 3

Color Harmonies

Complementary

#D43F39

#39CED4

Analogous

#D43980

#D48C39

#D43F39

Triadic

#D43F39

#39D43F

#3F39D4

Split Complementary

#D43F39

#39D48C

#3980D4

Tetradic

#D43F39

#80D439

#39CED4

#8C39D4

Color Blindness Simulation

Original

#D43F39

Protanopia

#93923A

Deuteranopia

#9CA73B

Tritanopia

#CD3C3C

Achromatopsia

#5E5E5E

CSS Usage

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

Tailwind Shades

50
#FCF3F3
100
#F7E4E3
200
#F2C6C4
300
#E99D9A
400
#DD6964
500
#D1342E
600
#A82924
700
#86211D
800
#691A17
900
#4C1714
950
#300E0D

Contrast Checker

Text on white

4.6:1

AA Pass AAA Fail

Text on black

4.57: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