#DD4F22

#DD4F22

Color Values

HEX

#DD4F22

RGB

221, 79, 34

HSL

14.4, 73.3%, 50.0%

HSV

14.4, 84.6%, 86.7%

CMYK

0.0%, 64.3%, 84.6%, 13.3%

OKLCH

0.6155 0.186 36.9

Properties

Warm Light Nearest: RAL 2010 Signal Orange

Color Harmonies

Complementary

#DD4F22

#22B0DD

Analogous

#DD2253

#DDAC22

#DD4F22

Triadic

#DD4F22

#22DD4F

#4F22DD

Split Complementary

#DD4F22

#22DDAC

#2253DD

Tetradic

#DD4F22

#53DD22

#22B0DD

#AC22DD

Color Blindness Simulation

Original

#DD4F22

Protanopia

#9F9E2D

Deuteranopia

#A8B230

Tritanopia

#D63537

Achromatopsia

#6A6A6A

CSS Usage

background-color: #DD4F22;
color: #DD4F22;
border-color: #DD4F22;
Nearest Tailwind: Orange 700 #C2410C

Tailwind Shades

50
#FCF5F3
100
#F8E7E2
200
#F5CEC1
300
#EFAA95
400
#E67D5B
500
#DD4F22
600
#B13F1B
700
#8D3216
800
#6E2711
900
#502010
950
#33140A

Contrast Checker

Text on white

4.03:1

AA Fail AAA Fail

Text on black

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