Skip to content

#DD7336 Color

#DD7336 is rgb(221, 115, 54) in RGB, hsl(22, 71%, 54%) in HSL, and about cmyk(0%, 48%, 76%, 13%) in CMYK. It has no registered color name of its own — the closest is Chocolate (#D2691E), clearly related but distinguishable side by side at ΔE 7.02. Black text is the more readable choice on this background.

#DD7336
HEX#DD7336
RGBrgb(221, 115, 54)
HSLhsl(22, 71%, 54%)
HSVhsv(22, 76%, 87%)
CMYKcmyk(0%, 48%, 76%, 13%)
OKLCHoklch(66.7% 0.151 47.8)
LABlab(60.43% 39.25 51.65)
LCHlch(60.43% 64.87 52.76)

What #DD7336 Is Called

Most hex codes have no name: there are 16.7 million of them and a few thousand registered names. These are the named colors nearest to #DD7336, ordered by CIE76 distance in CIELAB. Anything under about ΔE 2 is a difference most people cannot see.

Chocolate#D2691EΔE 7.02Mandarin#F37A48ΔE 7.87Alloy Orange#C46210ΔE 10.14Vivid Red-tangelo#DF6124ΔE 10.69Mango Tango#FF8243ΔE 10.88Ocher (Ochre)#CC7722ΔE 11.1

Browse the full index of named colors A-Z or every orange in the library.

#DD7336 Channel Values

How #DD7336 breaks down in each color model. Hue is measured in degrees around the color wheel; saturation, lightness, and the CMYK inks are percentages.

ModelChannelsNotes
RGBR 221 · G 115 · B 548-bit channels as sent to the display
HSLH 22° · S 71% · L 54%Easiest model for building lighter and darker variants
HSVH 22° · S 76% · V 87%Matches the picker in most design tools
CMYKC 0% · M 48% · Y 76% · K 13%Approximate ink mix; confirm with an ICC profile before printing
Luminance3.19:1 vs white · 6.58:1 vs blackWCAG 2.2 relative-luminance contrast ratios

Text Contrast & Accessibility

WCAG 2.2 contrast ratios for text on a #DD7336 background. AA requires 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1. Contrast is one check, not a full accessibility review.

Fails AAWhite text3.19:1AA normal AA large AAA normal
TextBlack text6.58:1AA normal AA large AAA normal

Need a specific ratio against another background? Open #DD7336 in the contrast checker.

Colors That Go With #DD7336

Pairings derived from color-wheel relationships. The complementary color sits opposite #DD7336; analogous colors sit beside it; triadic and split-complementary sets spread evenly around the wheel. Select any swatch for its own breakdown.

Base
#DD7336
Complementary
#36A0DD
Analogous
#DD364D
Analogous
#DDC736
Triadic
#36DD73
Triadic
#7336DD
Split comp.
#36DDC7
Split comp.
#364DDD

Tints & Shades of #DD7336

Lighter tints and darker shades built by moving the lightness channel while holding hue and saturation, which is what you want for hover states, backgrounds, and text variants.

Tints

#E18651
#E79B6F
#EBAD89
#EFBFA3
#F4D2BE
#F9E7DC

Shades

#CD6123
#AE531E
#904418
#6D3412
#4E250D
#301708

Want a full 50-950 ramp with semantic roles? Generate design tokens from #DD7336.

How #DD7336 Looks with Color Vision Deficiency

Simulated with the Viénot, Brettel & Mollon LMS projection model. Anomalous types are rendered as partial versions of the matching dichromacy, which is an approximation rather than a per-person clinical model.

Typical#DD7336
Protanopia#8D8D34
Protanomaly#B38335
Deuteranopia#A0A028
Deuteranomaly#BC902E
Tritanopia#DF6E6E
Tritanomaly#DE705C
Achromatopsia#909090

Test a full palette in the color blindness simulator.

Using #DD7336 in Code

Copy-ready declarations for the places this color usually ends up.

CSS custom property--color-dd7336: #DD7336;
CSS backgroundbackground-color: #DD7336;
Tailwind configcolors: { 'color-dd7336': '#DD7336' }
SwiftUIColor(red: 0.867, green: 0.451, blue: 0.212)
Android XML<color name="color_dd7336">#DD7336</color>
SVG fillfill="#DD7336"

More Orange Colors

#DD7336 sits in the orange family. These are its neighbours across that family's full range, each with its own breakdown.

8b7d6bfff9f5967969fff9f0987456fff8f0987654fff8eb9b7653fff7ed9c8b6efff7ebc8ad7fdba875e3dac9eba675f1ddcff8dcd3fcf5eeff681fff9933ffb83dffd68affe7d1

#DD7336 Frequently Asked Questions

What color is #DD7336?

#DD7336 is a mid-tone orange — rgb(221, 115, 54) in RGB and hsl(22, 71%, 54%) in HSL. It carries no registered color name of its own; the closest named color is Chocolate (#D2691E), which is clearly related but distinguishable side by side at a CIE76 distance of 7.02.

What is the RGB value of #DD7336?

#DD7336 is rgb(221, 115, 54) — red 221, green 115, and blue 54 on the 0-255 scale.

What is the CMYK value of #DD7336?

#DD7336 converts to approximately cmyk(0%, 48%, 76%, 13%). CMYK output is a mathematical approximation for planning; confirm production print colors with your printer and ICC profile.

Should text on #DD7336 be black or white?

Black text is the more readable choice. #DD7336 scores 3.19:1 against white and 6.58:1 against black, and WCAG 2.2 asks for at least 4.5:1 for normal body text.

Can I write #DD7336 as a CSS color keyword?

No. #DD7336 is not one of the CSS color keywords, so it has to be written as a hex, rgb() or hsl() value. The closest keyword is chocolate (#D2691E) at a CIE76 distance of 7.02, which is clearly related but distinguishable side by side.

Open #DD7336 in a Tool

Hex to RGBHex to HSLHex to CMYKHex to OKLCHHex to PantoneBuild a paletteMake a gradient

Keep exploring: every orange in the color library, the guide to shades of orange, or the full color library.