#DF2C20

#DF2C20

Color Values

HEX

#DF2C20

RGB

223, 44, 32

HSL

3,8, 74,9%, 50,0%

HSV

3,8, 85,7%, 87,5%

CMYK

0,0%, 80,3%, 85,7%, 12,5%

OKLCH

0,5859 0,2149 29,3

Properties

Warm Dark Nearest: firebrick 2

Color Harmonies

Complementary

#DF2C20

#20D3DF

Analogous

#DF2073

#DF8C20

#DF2C20

Triadic

#DF2C20

#20DF2C

#2C20DF

Split Complementary

#DF2C20

#20DF8C

#2073DF

Tetradic

#DF2C20

#73DF20

#20D3DF

#8C20DF

Color Blindness Simulation

Original

#DF2C20

Protanopia

#919023

Deuteranopia

#9CA924

Tritanopia

#D62526

Achromatopsia

#515151

CSS Usage

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

Tailwind Shades

50
#FCF3F2
100
#F9E3E2
200
#F6C4C1
300
#F09A94
400
#E7635A
500
#DF2C20
600
#B2231A
700
#8F1C14
800
#6F1610
900
#511410
950
#330D0A

Contrast Checker

Text on white

4,65:1

AA Pass AAA Fail

Text on black

4,52:1

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