#DD3F22

#DD3F22

Color Values

HEX

#DD3F22

RGB

221, 63, 34

HSL

9.3, 73.3%, 50.0%

HSV

9.3, 84.6%, 86.7%

CMYK

0.0%, 71.5%, 84.6%, 13.3%

OKLCH

0.5982 0.1992 32.6

Properties

Warm Light Nearest: RAL 2010 Signal Orange

Color Harmonies

Complementary

#DD3F22

#22C0DD

Analogous

#DD2263

#DD9C22

#DD3F22

Triadic

#DD3F22

#22DD3F

#3F22DD

Split Complementary

#DD3F22

#22DD9C

#2263DD

Tetradic

#DD3F22

#63DD22

#22C0DD

#9C22DD

Color Blindness Simulation

Original

#DD3F22

Protanopia

#999729

Deuteranopia

#A2AE2B

Tritanopia

#D52F30

Achromatopsia

#5E5E5E

CSS Usage

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

Tailwind Shades

50
#FCF4F3
100
#F8E5E2
200
#F5C9C1
300
#EFA395
400
#E6715B
500
#DD3F22
600
#B1321B
700
#8D2816
800
#6E2011
900
#501A10
950
#33110A

Contrast Checker

Text on white

4.37:1

AA Fail AAA Fail

Text on black

4.81:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026