#A1680C

Color Details

HEX
#A1680C
RGB
rgb(161, 104, 12)
HSL
hsl(37, 86%, 34%)
CMYK
cmyk(0%, 35%, 93%, 37%)
Best text on this color #FFFFFF (CR 4.67:1) Determined by WCAG contrast ratio

Readability Previews

Black on #a1680c
Contrast 4.50:1 AA
White on #a1680c
Contrast 4.67:1 AA
#a1680c on Black
Contrast 4.50:1 AA
#a1680c on White
Contrast 4.67:1 AA

Tints & Shades

#b4863d
#c7a46d
#d9c39e
#81530a
#613e07
#402a05

Complement & Analogous

#0c45a1
#90a10c
#a11e0c

Triadic

#0ca168
#680ca1

Monochrome

#402a05 #613e07 #a1680c #c7a46d #d9c39e #ece1ce

Analogous

#a11e0c #bd6255 #a1680c #a6b43d #90a10c #73810a

Complementary Mix

#613e07 #a1680c #c7a46d #0c45a1 #6186c2 #082d69

Nearby Colors

#a1680b
#a1680d
#a167fc
#a1681c

Embed #A1680C swatch

Embed this swatch

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

Open image

About #A1680C

#A1680C converts to RGB(161, 104, 12) and HSL(37, 86%, 34%). 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).

#A1680C FAQs

What is the RGB value of #A1680C?
RGB: 161, 104, 12. Copy as CSS: rgb(161, 104, 12)
Is #A1680C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #A1680C?
Complement: #0c45a1.
Does #A1680C have good contrast on white or black?
On white: 4.67:1 (AA (normal text)). On black: 4.50:1 (AA (normal text)).