#8C310D

Color Details

HEX
#8C310D
RGB
rgb(140, 49, 13)
HSL
hsl(17, 83%, 30%)
CMYK
cmyk(0%, 65%, 91%, 45%)
Best text on this color #FFFFFF (CR 8.20:1) Determined by WCAG contrast ratio

Readability Previews

Black on #8c310d
Contrast 2.56:1 Fail
White on #8c310d
Contrast 8.20:1 AAA
#8c310d on Black
Contrast 2.56:1 Fail
#8c310d on White
Contrast 8.20:1 AAA

Tints & Shades

#a35a3d
#ba836e
#d1ad9e
#70270a
#541d08
#381405

Complement & Analogous

#0d688c
#8c700d
#8c0d29

Triadic

#0d8c31
#310d8c

Monochrome

#381405 #541d08 #8c310d #ba836e #d1ad9e #e8d6cf

Analogous

#8c0d29 #af5669 #8c310d #a38d3d #8c700d #705a0a

Complementary Mix

#541d08 #8c310d #ba836e #0d688c #629db4 #08445b

Nearby Colors

#8c310c
#8c310e
#8c30fd
#8c311d

Embed #8C310D swatch

Embed this swatch

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

Open image

About #8C310D

#8C310D converts to RGB(140, 49, 13) and HSL(17, 83%, 30%). 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).

#8C310D FAQs

What is the RGB value of #8C310D?
RGB: 140, 49, 13. Copy as CSS: rgb(140, 49, 13)
Is #8C310D a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #8C310D?
Complement: #0d688c.
Does #8C310D have good contrast on white or black?
On white: 8.20:1 (AAA (normal text)). On black: 2.56:1 (Fails AA).