#7C8C1C

Color Details

HEX
#7C8C1C
RGB
rgb(124, 140, 28)
HSL
hsl(69, 67%, 33%)
CMYK
cmyk(11%, 0%, 80%, 45%)
Best text on this color #000000 (CR 5.63:1) Determined by WCAG contrast ratio

Readability Previews

Black on #7c8c1c
Contrast 5.63:1 AA
White on #7c8c1c
Contrast 3.73:1 Fail
#7c8c1c on Black
Contrast 5.63:1 AA
#7c8c1c on White
Contrast 3.73:1 Fail

Tints & Shades

#96a349
#b0ba77
#cbd1a4
#637016
#4a5411
#32380b

Complement & Analogous

#2d1c8d
#438d1c
#8d651c

Triadic

#1c7c8d
#8d1c7c

Monochrome

#32380b #4a5411 #7c8c1c #b0ba77 #cbd1a4 #e5e8d2

Analogous

#8d651c #af9360 #7c8c1c #69a449 #438d1c #367116

Complementary Mix

#4a5411 #7c8c1c #b0ba77 #2d1c8d #776bb5 #1d125c

Nearby Colors

#7c8c1b
#7c8c1d
#7c8c0c
#7c8c2c

Embed #7C8C1C swatch

Embed this swatch

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

Open image

About #7C8C1C

#7C8C1C converts to RGB(124, 140, 28) and HSL(69, 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).

#7C8C1C FAQs

What is the RGB value of #7C8C1C?
RGB: 124, 140, 28. Copy as CSS: rgb(124, 140, 28)
Is #7C8C1C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #7C8C1C?
Complement: #2d1c8d.
Does #7C8C1C have good contrast on white or black?
On white: 3.73:1 (AA (large text)). On black: 5.63:1 (AA (normal text)).