#D42D2C

#D42D2C

Color Values

HEX

#D42D2C

RGB

212, 45, 44

HSL

0.4, 66.1%, 50.2%

HSV

0.4, 79.2%, 83.1%

CMYK

0.0%, 78.8%, 79.2%, 16.9%

OKLCH

0.5679 0.2029 26.9

Properties

Warm Dark Nearest: firebrick 3

Color Harmonies

Complementary

#D42D2C

#2CD3D4

Analogous

#D42C7F

#D4812C

#D42D2C

Triadic

#D42D2C

#2CD42D

#2D2CD4

Split Complementary

#D42D2C

#2CD481

#2C7FD4

Tetradic

#D42D2C

#7FD42C

#2CD3D4

#812CD4

Color Blindness Simulation

Original

#D42D2C

Protanopia

#8C8A2C

Deuteranopia

#95A22C

Tritanopia

#CC2C2C

Achromatopsia

#505050

CSS Usage

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

Tailwind Shades

50
#FCF3F3
100
#F7E3E3
200
#F3C4C4
300
#EA9A99
400
#DF6362
500
#D42C2B
600
#A92323
700
#881C1C
800
#6A1616
900
#4D1414
950
#310D0C

Contrast Checker

Text on white

4.99:1

AA Pass AAA Fail

Text on black

4.21:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026