#DC7F1C

Color Details

HEX
#DC7F1C
RGB
rgb(220, 127, 28)
HSL
hsl(31, 77%, 49%)
CMYK
cmyk(0%, 42%, 87%, 14%)
Best text on this color #000000 (CR 7.10:1) Determined by WCAG contrast ratio

Readability Previews

Black on #dc7f1c
Contrast 7.10:1 AAA
White on #dc7f1c
Contrast 2.96:1 Fail
#dc7f1c on Black
Contrast 7.10:1 AAA
#dc7f1c on White
Contrast 2.96:1 Fail

Tints & Shades

#e39949
#eab277
#f1cca4
#b06616
#844c11
#58330b

Complement & Analogous

#1d7add
#dadd1d
#dd201d

Triadic

#1ddd80
#801ddd

Monochrome

#58330b #844c11 #dc7f1c #eab277 #f1cca4 #f8e5d2

Analogous

#dd201d #e76361 #dc7f1c #e1e44a #dadd1d #aeb117

Complementary Mix

#844c11 #dc7f1c #eab277 #1d7add #6ca9e9 #134f90

Nearby Colors

#dc7f1b
#dc7f1d
#dc7f0c
#dc7f2c

Embed #DC7F1C swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #DC7F1C

#DC7F1C converts to RGB(220, 127, 28) and HSL(31, 77%, 49%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#DC7F1C FAQs

What is the RGB value of #DC7F1C?
RGB: 220, 127, 28. Copy as CSS: rgb(220, 127, 28)
Is #DC7F1C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #DC7F1C?
Complement: #1d7add.
Does #DC7F1C have good contrast on white or black?
On white: 2.96:1 (Fails AA). On black: 7.10:1 (AAA (normal text)).