#DF0A0C

#DF0A0C

Color Values

HEX

#DF0A0C

RGB

223, 10, 12

HSL

359.4, 91.4%, 45.7%

HSV

359.4, 95.5%, 87.5%

CMYK

0.0%, 95.5%, 94.6%, 12.5%

OKLCH

0.5699 0.2303 28.7

Properties

Warm Dark Nearest: red 3

Color Harmonies

Complementary

#DF0A0C

#0ADFDD

Analogous

#DF0A77

#DF720A

#DF0A0C

Triadic

#DF0A0C

#0CDF0A

#0A0CDF

Split Complementary

#DF0A0C

#0ADF72

#0A77DF

Tetradic

#DF0A0C

#77DF0A

#0ADFDD

#720ADF

Color Blindness Simulation

Original

#DF0A0C

Protanopia

#83810C

Deuteranopia

#8F9F0B

Tritanopia

#D40B0B

Achromatopsia

#373737

CSS Usage

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

Tailwind Shades

50
#FDF1F2
100
#FBDFE0
200
#FCBBBB
300
#FA8A8B
400
#F74A4C
500
#F40B0D
600
#C3090B
700
#9C0709
800
#7A0507
900
#580909
950
#380506

Contrast Checker

Text on white

5.02:1

AA Pass AAA Fail

Text on black

4.19: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