#D8322F

#D8322F

Color Values

HEX

#D8322F

RGB

216, 50, 47

HSL

1.1, 68.4%, 51.6%

HSV

1.1, 78.2%, 84.7%

CMYK

0.0%, 76.9%, 78.2%, 15.3%

OKLCH

0.5792 0.2027 27.1

Properties

Warm Dark Nearest: RAL 3018 Strawberry Red

Color Harmonies

Complementary

#D8322F

#2FD5D8

Analogous

#D82F80

#D8872F

#D8322F

Triadic

#D8322F

#2FD832

#322FD8

Split Complementary

#D8322F

#2FD887

#2F80D8

Tetradic

#D8322F

#80D82F

#2FD5D8

#872FD8

Color Blindness Simulation

Original

#D8322F

Protanopia

#908F30

Deuteranopia

#9AA630

Tritanopia

#D03030

Achromatopsia

#555555

CSS Usage

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

Tailwind Shades

50
#FCF3F3
100
#F8E3E3
200
#F4C4C3
300
#EC9998
400
#E16260
500
#D72B28
600
#AC2320
700
#891C1A
800
#6B1614
900
#4E1413
950
#310C0C

Contrast Checker

Text on white

4.75:1

AA Pass AAA Fail

Text on black

4.42:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026