#DF2F20

#DF2F20

Color Values

HEX

#DF2F20

RGB

223, 47, 32

HSL

4,7, 74,9%, 50,0%

HSV

4,7, 85,7%, 87,5%

CMYK

0,0%, 78,9%, 85,7%, 12,5%

OKLCH

0,588 0,213 29,8

Properties

Warm Dark Nearest: firebrick 2

Color Harmonies

Complementary

#DF2F20

#20D0DF

Analogous

#DF2071

#DF8E20

#DF2F20

Triadic

#DF2F20

#20DF2F

#2F20DF

Split Complementary

#DF2F20

#20DF8E

#2071DF

Tetradic

#DF2F20

#71DF20

#20D0DF

#8E20DF

Color Blindness Simulation

Original

#DF2F20

Protanopia

#939124

Deuteranopia

#9DAA24

Tritanopia

#D62627

Achromatopsia

#535353

CSS Usage

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

Tailwind Shades

50
#FCF3F2
100
#F9E4E2
200
#F6C5C1
300
#F09B94
400
#E7655A
500
#DF2F20
600
#B2261A
700
#8F1E14
800
#6F1710
900
#511510
950
#330D0A

Contrast Checker

Text on white

4,6:1

AA Pass AAA Fail

Text on black

4,57:1

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