#D3312C

#D3312C

Color Values

HEX

#D3312C

RGB

211, 49, 44

HSL

1.8, 65.5%, 50.0%

HSV

1.8, 79.1%, 82.7%

CMYK

0.0%, 76.8%, 79.1%, 17.3%

OKLCH

0.5693 0.1991 27.6

Properties

Warm Dark Nearest: firebrick 3

Color Harmonies

Complementary

#D3312C

#2CCED3

Analogous

#D32C7A

#D3852C

#D3312C

Triadic

#D3312C

#2CD331

#312CD3

Split Complementary

#D3312C

#2CD385

#2C7AD3

Tetradic

#D3312C

#7AD32C

#2CCED3

#852CD3

Color Blindness Simulation

Original

#D3312C

Protanopia

#8D8B2D

Deuteranopia

#96A22E

Tritanopia

#CB2E2E

Achromatopsia

#535353

CSS Usage

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

Tailwind Shades

50
#FCF3F3
100
#F7E4E3
200
#F3C5C4
300
#EA9C9A
400
#DE6763
500
#D3312C
600
#A92723
700
#871F1C
800
#6A1816
900
#4D1614
950
#310E0D

Contrast Checker

Text on white

4.95:1

AA Pass AAA Fail

Text on black

4.25:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026