#8C821C

Color Details

HEX
#8C821C
RGB
rgb(140, 130, 28)
HSL
hsl(55, 67%, 33%)
CMYK
cmyk(0%, 7%, 80%, 45%)
Best text on this color #000000 (CR 5.32:1) Determined by WCAG contrast ratio

Readability Previews

Black on #8c821c
Contrast 5.32:1 AA
White on #8c821c
Contrast 3.94:1 Fail
#8c821c on Black
Contrast 5.32:1 AA
#8c821c on White
Contrast 3.94:1 Fail

Tints & Shades

#a39b49
#bab477
#d1cda4
#706816
#544e11
#38340b

Complement & Analogous

#1c258d
#5e8d1c
#8d4b1c

Triadic

#1c8d83
#831c8d

Monochrome

#38340b #544e11 #8c821c #bab477 #d1cda4 #e8e6d2

Analogous

#8d4b1c #af8160 #8c821c #7ea449 #5e8d1c #4b7116

Complementary Mix

#544e11 #8c821c #bab477 #1c258d #6b71b5 #12185c

Nearby Colors

#8c821b
#8c821d
#8c820c
#8c822c

Embed #8C821C swatch

Embed this swatch

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

Open image

About #8C821C

#8C821C converts to RGB(140, 130, 28) and HSL(55, 67%, 33%). 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).

#8C821C FAQs

What is the RGB value of #8C821C?
RGB: 140, 130, 28. Copy as CSS: rgb(140, 130, 28)
Is #8C821C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #8C821C?
Complement: #1c258d.
Does #8C821C have good contrast on white or black?
On white: 3.94:1 (AA (large text)). On black: 5.32:1 (AA (normal text)).