#A1564C

Color Details

HEX
#A1564C
RGB
rgb(161, 86, 76)
HSL
hsl(7, 36%, 46%)
CMYK
cmyk(0%, 47%, 53%, 37%)
Best text on this color #FFFFFF (CR 5.32:1) Determined by WCAG contrast ratio

Readability Previews

Black on #a1564c
Contrast 3.95:1 Fail
White on #a1564c
Contrast 5.32:1 AA
#a1564c on Black
Contrast 3.95:1 Fail
#a1564c on White
Contrast 5.32:1 AA

Tints & Shades

#b47870
#c79a94
#d9bbb7
#81453d
#61342e
#40221e

Complement & Analogous

#4b96a0
#a07f4b
#a04b6b

Triadic

#4ba055
#554ba0

Monochrome

#40221e #61342e #a1564c #c79a94 #d9bbb7 #ecdddb

Analogous

#a04b6b #bd8197 #a1564c #b3996f #a07f4b #80663c

Complementary Mix

#61342e #a1564c #c79a94 #4b96a0 #8abbc1 #316268

Nearby Colors

#a1564b
#a1564d
#a1563c
#a1565c

Embed #A1564C swatch

Embed this swatch

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

Open image

About #A1564C

#A1564C converts to RGB(161, 86, 76) and HSL(7, 36%, 46%). 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).

#A1564C FAQs

What is the RGB value of #A1564C?
RGB: 161, 86, 76. Copy as CSS: rgb(161, 86, 76)
Is #A1564C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #A1564C?
Complement: #4b96a0.
Does #A1564C have good contrast on white or black?
On white: 5.32:1 (AA (normal text)). On black: 3.95:1 (AA (large text)).