#D9342C

#D9342C

Color Values

HEX

#D9342C

RGB

217, 52, 44

HSL

2.8, 69.5%, 51.2%

HSV

2.8, 79.7%, 85.1%

CMYK

0.0%, 76.0%, 79.7%, 14.9%

OKLCH

0.5823 0.2025 28.2

Properties

Warm Dark Nearest: firebrick 3

Color Harmonies

Complementary

#D9342C

#2CD1D9

Analogous

#D92C7A

#D98B2C

#D9342C

Triadic

#D9342C

#2CD934

#342CD9

Split Complementary

#D9342C

#2CD98B

#2C7AD9

Tetradic

#D9342C

#7AD92C

#2CD1D9

#8B2CD9

Color Blindness Simulation

Original

#D9342C

Protanopia

#92902E

Deuteranopia

#9BA72E

Tritanopia

#D12F30

Achromatopsia

#575757

CSS Usage

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

Tailwind Shades

50
#FCF3F3
100
#F8E4E3
200
#F4C5C2
300
#EC9B97
400
#E2655F
500
#D82F27
600
#AD261F
700
#8A1E19
800
#6C1813
900
#4F1512
950
#320D0B

Contrast Checker

Text on white

4.69:1

AA Pass AAA Fail

Text on black

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