#DF2030

#DF2030

Color Values

HEX

#DF2030

RGB

223, 32, 48

HSL

355.0, 74.9%, 50.0%

HSV

355.0, 85.7%, 87.5%

CMYK

0.0%, 85.7%, 78.5%, 12.5%

OKLCH

0.5802 0.22 24.5

Properties

Warm Dark Nearest: brown 2

Color Harmonies

Complementary

#DF2030

#20DFCF

Analogous

#DF208F

#DF7020

#DF2030

Triadic

#DF2030

#30DF20

#2030DF

Split Complementary

#DF2030

#20DF70

#208FDF

Tetradic

#DF2030

#8FDF20

#20DFCF

#7020DF

Color Blindness Simulation

Original

#DF2030

Protanopia

#8C8B2C

Deuteranopia

#97A62B

Tritanopia

#D52928

Achromatopsia

#4A4A4A

CSS Usage

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

Tailwind Shades

50
#FCF2F3
100
#F9E2E4
200
#F6C1C5
300
#F0949C
400
#E75A66
500
#DF2030
600
#B21A26
700
#8F141F
800
#6F1018
900
#511015
950
#330A0D

Contrast Checker

Text on white

4.79:1

AA Pass AAA Fail

Text on black

4.39:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026