Skip to content

#DC7C32 Color

#DC7C32 is rgb(220, 124, 50) in RGB, hsl(26, 71%, 53%) in HSL, and about cmyk(0%, 44%, 77%, 14%) in CMYK. It has no registered color name of its own — the closest is Ocher (Ochre) (#CC7722), clearly related but distinguishable side by side at ΔE 6.06. Black text is the more readable choice on this background.

#DC7C32
HEX#DC7C32
RGBrgb(220, 124, 50)
HSLhsl(26, 71%, 53%)
HSVhsv(26, 77%, 86%)
CMYKcmyk(0%, 44%, 77%, 14%)
OKLCHoklch(68% 0.146 54.2)
LABlab(62.14% 34.30 54.98)
LCHlch(62.14% 64.80 58.04)

What #DC7C32 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 #DC7C32, ordered by CIE76 distance in CIELAB. Anything under about ΔE 2 is a difference most people cannot see.

Ocher (Ochre)#CC7722ΔE 6.06Chocolate#D2691EΔE 7.83Tiger's Eye#E08D3CΔE 7.93Bronze#CD7F32ΔE 8.11Cadmium Orange#ED872DΔE 8.64Neon Brown#C3732AΔE 8.66

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

#DC7C32 Channel Values

How #DC7C32 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 220 · G 124 · B 508-bit channels as sent to the display
HSLH 26° · S 71% · L 53%Easiest model for building lighter and darker variants
HSVH 26° · S 77% · V 86%Matches the picker in most design tools
CMYKC 0% · M 44% · Y 77% · K 14%Approximate ink mix; confirm with an ICC profile before printing
Luminance3.01:1 vs white · 6.97:1 vs blackWCAG 2.2 relative-luminance contrast ratios

Text Contrast & Accessibility

WCAG 2.2 contrast ratios for text on a #DC7C32 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.01:1AA normal AA large AAA normal
TextBlack text6.97:1AA normal AA large AAA normal

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

Colors That Go With #DC7C32

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

Base
#DC7C32
Complementary
#3292DC
Analogous
#DC323D
Analogous
#DCD132
Triadic
#32DC7C
Triadic
#7C32DC
Split comp.
#32DCD1
Split comp.
#323DDC

Tints & Shades of #DC7C32

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

#E18D4C
#E6A06B
#EAB185
#EFC4A3
#F4D5BE
#F9E9DC

Shades

#C96A22
#AA5A1D
#8C4A18
#6D3A12
#4E2A0D
#301908

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

How #DC7C32 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#DC7C32
Protanopia#929230
Protanomaly#B58A31
Deuteranopia#A4A424
Deuteranomaly#BD962A
Tritanopia#DF7676
Tritanomaly#DE7862
Achromatopsia#959595

Test a full palette in the color blindness simulator.

Using #DC7C32 in Code

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

CSS custom property--color-dc7c32: #DC7C32;
CSS backgroundbackground-color: #DC7C32;
Tailwind configcolors: { 'color-dc7c32': '#DC7C32' }
SwiftUIColor(red: 0.863, green: 0.486, blue: 0.196)
Android XML<color name="color_dc7c32">#DC7C32</color>
SVG fillfill="#DC7C32"

More Orange Colors

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

8b7d6bfff9f5967969fff9f0987456fff8f0987654fff8eb9b7653fff7ed9c8b6efff7ebc8ad7fdba875e3dac9eba675f1ddcff8dcd3fcf5eeff681fff9933ffb83dffd68affe7d1

#DC7C32 Frequently Asked Questions

What color is #DC7C32?

#DC7C32 is a mid-tone orange — rgb(220, 124, 50) in RGB and hsl(26, 71%, 53%) in HSL. It carries no registered color name of its own; the closest named color is Ocher (Ochre) (#CC7722), which is clearly related but distinguishable side by side at a CIE76 distance of 6.06.

What is the RGB value of #DC7C32?

#DC7C32 is rgb(220, 124, 50) — red 220, green 124, and blue 50 on the 0-255 scale.

What is the CMYK value of #DC7C32?

#DC7C32 converts to approximately cmyk(0%, 44%, 77%, 14%). CMYK output is a mathematical approximation for planning; confirm production print colors with your printer and ICC profile.

Should text on #DC7C32 be black or white?

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

Can I write #DC7C32 as a CSS color keyword?

No. #DC7C32 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.83, which is clearly related but distinguishable side by side.

Open #DC7C32 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.