#D2201F

#D2201F

Color Values

HEX

#D2201F

RGB

210, 32, 31

HSL

0,3, 74,3%, 47,3%

HSV

0,3, 85,2%, 82,4%

CMYK

0,0%, 84,8%, 85,2%, 17,6%

OKLCH

0,5547 0,2103 27,8

Properties

Warm Dark Nearest: RAL 2002 Vermilion

Color Harmonies

Complementary

#D2201F

#1FD1D2

Analogous

#D21F78

#D27A1F

#D2201F

Triadic

#D2201F

#1FD220

#201FD2

Split Complementary

#D2201F

#1FD27A

#1F78D2

Tetradic

#D2201F

#78D21F

#1FD1D2

#7A1FD2

Color Blindness Simulation

Original

#D2201F

Protanopia

#85831F

Deuteranopia

#8F9D1F

Tritanopia

#C91F1F

Achromatopsia

#464646

CSS Usage

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

Tailwind Shades

50
#FCF3F3
100
#F8E2E2
200
#F6C1C1
300
#EF9594
400
#E75B5B
500
#DE2221
600
#B21B1A
700
#8E1615
800
#6F1110
900
#511010
950
#330A0A

Contrast Checker

Text on white

5,29:1

AA Pass AAA Fail

Text on black

3,97: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