#DF2020

#DF2020

Color Values

HEX

#DF2020

RGB

223, 32, 32

HSL

0,0, 74,9%, 50,0%

HSV

0,0, 85,7%, 87,5%

CMYK

0,0%, 85,7%, 85,7%, 12,5%

OKLCH

0,5788 0,2215 27,8

Properties

Warm Dark Nearest: firebrick 2

Color Harmonies

Complementary

#DF2020

#20DFDF

Analogous

#DF2080

#DF8020

#DF2020

Triadic

#DF2020

#20DF20

#2020DF

Split Complementary

#DF2020

#20DF80

#2080DF

Tetradic

#DF2020

#80DF20

#20DFDF

#8020DF

Color Blindness Simulation

Original

#DF2020

Protanopia

#8C8B20

Deuteranopia

#97A620

Tritanopia

#D52020

Achromatopsia

#494949

CSS Usage

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

Tailwind Shades

50
#FCF2F2
100
#F9E2E2
200
#F6C1C1
300
#F09494
400
#E75A5A
500
#DF2020
600
#B21A1A
700
#8F1414
800
#6F1010
900
#511010
950
#330A0A

Contrast Checker

Text on white

4,81:1

AA Pass AAA Fail

Text on black

4,37: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