#DF2028

#DF2028

Color Values

HEX

#DF2028

RGB

223, 32, 40

HSL

357.5, 74.9%, 50.0%

HSV

357.5, 85.7%, 87.5%

CMYK

0.0%, 85.7%, 82.1%, 12.5%

OKLCH

0.5794 0.2207 26.3

Properties

Warm Dark Nearest: firebrick 2

Color Harmonies

Complementary

#DF2028

#20DFD7

Analogous

#DF2087

#DF7820

#DF2028

Triadic

#DF2028

#28DF20

#2028DF

Split Complementary

#DF2028

#20DF78

#2087DF

Tetradic

#DF2028

#87DF20

#20DFD7

#7820DF

Color Blindness Simulation

Original

#DF2028

Protanopia

#8C8B26

Deuteranopia

#97A626

Tritanopia

#D52524

Achromatopsia

#494949

CSS Usage

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

Tailwind Shades

50
#FCF2F3
100
#F9E2E3
200
#F6C1C3
300
#F09498
400
#E75A60
500
#DF2028
600
#B21A20
700
#8F141A
800
#6F1014
900
#511013
950
#330A0C

Contrast Checker

Text on white

4.8:1

AA Pass AAA Fail

Text on black

4.37:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

ม.ค. 18, 2026