#DF1F1C

#DF1F1C

Color Values

HEX

#DF1F1C

RGB

223, 31, 28

HSL

0.9, 77.7%, 49.2%

HSV

0.9, 87.4%, 87.5%

CMYK

0.0%, 86.1%, 87.4%, 12.5%

OKLCH

0.578 0.2223 28.3

Properties

Warm Dark Nearest: firebrick 2

Color Harmonies

Complementary

#DF1F1C

#1CDCDF

Analogous

#DF1C7B

#DF801C

#DF1F1C

Triadic

#DF1F1C

#1CDF1F

#1F1CDF

Split Complementary

#DF1F1C

#1CDF80

#1C7BDF

Tetradic

#DF1F1C

#7BDF1C

#1CDCDF

#801CDF

Color Blindness Simulation

Original

#DF1F1C

Protanopia

#8C8A1D

Deuteranopia

#97A51D

Tritanopia

#D51D1D

Achromatopsia

#484848

CSS Usage

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

Tailwind Shades

50
#FCF2F2
100
#F9E2E1
200
#F7C0C0
300
#F19492
400
#EA5A57
500
#E31F1C
600
#B51917
700
#911412
800
#71100E
900
#52100F
950
#340A09

Contrast Checker

Text on white

4.83:1

AA Pass AAA Fail

Text on black

4.35:1

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