#DD4022

#DD4022

Color Values

HEX

#DD4022

RGB

221, 64, 34

HSL

9.6, 73.3%, 50.0%

HSV

9.6, 84.6%, 86.7%

CMYK

0.0%, 71.0%, 84.6%, 13.3%

OKLCH

0.5992 0.1984 32.8

Properties

Warm Light Nearest: RAL 2010 Signal Orange

Color Harmonies

Complementary

#DD4022

#22BFDD

Analogous

#DD2262

#DD9D22

#DD4022

Triadic

#DD4022

#22DD40

#4022DD

Split Complementary

#DD4022

#22DD9D

#2262DD

Tetradic

#DD4022

#62DD22

#22BFDD

#9D22DD

Color Blindness Simulation

Original

#DD4022

Protanopia

#999829

Deuteranopia

#A2AE2B

Tritanopia

#D52F30

Achromatopsia

#5F5F5F

CSS Usage

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

Tailwind Shades

50
#FCF4F3
100
#F8E6E2
200
#F5CAC1
300
#EFA395
400
#E6725B
500
#DD4022
600
#B1331B
700
#8D2916
800
#6E2011
900
#501B10
950
#33110A

Contrast Checker

Text on white

4.35:1

AA Fail AAA Fail

Text on black

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