#D32C4F

#D32C4F

Color Values

HEX

#D32C4F

RGB

211, 44, 79

HSL

347.4, 65.5%, 50.0%

HSV

347.4, 79.1%, 82.7%

CMYK

0.0%, 79.1%, 62.6%, 17.3%

OKLCH

0.5707 0.2007 15.4

Properties

Warm Dark Nearest: Maroon

Color Harmonies

Complementary

#D32C4F

#2CD3B0

Analogous

#D32CA3

#D35C2C

#D32C4F

Triadic

#D32C4F

#4FD32C

#2C4FD3

Split Complementary

#D32C4F

#2CD35C

#2CA3D3

Tetradic

#D32C4F

#A3D32C

#2CD3B0

#5C2CD3

Color Blindness Simulation

Original

#D32C4F

Protanopia

#8B8947

Deuteranopia

#94A144

Tritanopia

#CB403E

Achromatopsia

#525252

CSS Usage

background-color: #D32C4F;
color: #D32C4F;
border-color: #D32C4F;
Nearest Tailwind: Rose 700 #BE123C

Tailwind Shades

50
#FCF3F5
100
#F7E3E7
200
#F3C4CE
300
#EA9AAB
400
#DE637D
500
#D32C4F
600
#A9233F
700
#871C33
800
#6A1628
900
#4D1420
950
#310D14

Contrast Checker

Text on white

4.95:1

AA Pass AAA Fail

Text on black

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