#DF2820

#DF2820

Color Values

HEX

#DF2820

RGB

223, 40, 32

HSL

2.5, 74.9%, 50.0%

HSV

2.5, 85.7%, 87.5%

CMYK

0.0%, 82.1%, 85.7%, 12.5%

OKLCH

0.5833 0.2173 28.7

Properties

Warm Dark Nearest: firebrick 2

Color Harmonies

Complementary

#DF2820

#20D7DF

Analogous

#DF2078

#DF8720

#DF2820

Triadic

#DF2820

#20DF28

#2820DF

Split Complementary

#DF2820

#20DF87

#2078DF

Tetradic

#DF2820

#78DF20

#20D7DF

#8720DF

Color Blindness Simulation

Original

#DF2820

Protanopia

#908E22

Deuteranopia

#9AA822

Tritanopia

#D62324

Achromatopsia

#4E4E4E

CSS Usage

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

Tailwind Shades

50
#FCF3F2
100
#F9E3E2
200
#F6C3C1
300
#F09894
400
#E7605A
500
#DF2820
600
#B2201A
700
#8F1A14
800
#6F1410
900
#511310
950
#330C0A

Contrast Checker

Text on white

4.71:1

AA Pass AAA Fail

Text on black

4.46:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026