#D4302F

#D4302F

Color Values

HEX

#D4302F

RGB

212, 48, 47

HSL

0.4, 65.7%, 50.8%

HSV

0.4, 77.8%, 83.1%

CMYK

0.0%, 77.4%, 77.8%, 16.9%

OKLCH

0.5705 0.2004 26.6

Properties

Warm Dark Nearest: RAL 3018 Strawberry Red

Color Harmonies

Complementary

#D4302F

#2FD3D4

Analogous

#D42F80

#D4832F

#D4302F

Triadic

#D4302F

#2FD430

#302FD4

Split Complementary

#D4302F

#2FD483

#2F80D4

Tetradic

#D4302F

#80D42F

#2FD3D4

#832FD4

Color Blindness Simulation

Original

#D4302F

Protanopia

#8D8C2F

Deuteranopia

#96A32F

Tritanopia

#CC2F2F

Achromatopsia

#535353

CSS Usage

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

Tailwind Shades

50
#FCF3F3
100
#F7E3E3
200
#F3C4C4
300
#EA9A9A
400
#DF6363
500
#D32D2C
600
#A92423
700
#871D1C
800
#6A1616
900
#4D1414
950
#310D0D

Contrast Checker

Text on white

4.93:1

AA Pass AAA Fail

Text on black

4.26:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026