#DC3223

#DC3223

Color Values

HEX

#DC3223

RGB

220, 50, 35

HSL

4.9, 72.5%, 50.0%

HSV

4.9, 84.1%, 86.3%

CMYK

0.0%, 77.3%, 84.1%, 13.7%

OKLCH

0.5852 0.2079 29.7

Properties

Warm Dark Nearest: RAL 2002 Vermilion

Color Harmonies

Complementary

#DC3223

#23CDDC

Analogous

#DC2370

#DC8F23

#DC3223

Triadic

#DC3223

#23DC32

#3223DC

Split Complementary

#DC3223

#23DC8F

#2370DC

Tetradic

#DC3223

#70DC23

#23CDDC

#8F23DC

Color Blindness Simulation

Original

#DC3223

Protanopia

#929127

Deuteranopia

#9CA928

Tritanopia

#D4292A

Achromatopsia

#555555

CSS Usage

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

Tailwind Shades

50
#FCF3F3
100
#F8E4E2
200
#F5C6C1
300
#EE9D95
400
#E5675C
500
#DC3223
600
#B0281C
700
#8D2016
800
#6E1912
900
#501611
950
#330E0B

Contrast Checker

Text on white

4.64:1

AA Pass AAA Fail

Text on black

4.52:1

AA Pass 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