#A6686C

Color Details

HEX
#A6686C
RGB
rgb(166, 104, 108)
HSL
hsl(356, 26%, 53%)
CMYK
cmyk(0%, 37%, 35%, 35%)
Best text on this color #000000 (CR 4.82:1) Determined by WCAG contrast ratio

Readability Previews

Black on #a6686c
Contrast 4.82:1 AA
White on #a6686c
Contrast 4.36:1 Fail
#a6686c on Black
Contrast 4.82:1 AA
#a6686c on White
Contrast 4.36:1 Fail

Tints & Shades

#b88689
#caa4a7
#dbc3c4
#855356
#643e41
#422a2b

Complement & Analogous

#68a6a2
#a68368
#a6688b

Triadic

#6ca668
#686ca6

Monochrome

#422a2b #643e41 #a6686c #caa4a7 #dbc3c4 #ede1e2

Analogous

#a6688b #c195ae #a6686c #b89c86 #a68368 #856953

Complementary Mix

#643e41 #a6686c #caa4a7 #68a6a2 #9dc5c3 #446c69

Nearby Colors

#a6686b
#a6686d
#a6685c
#a6687c

Embed #A6686C swatch

Embed this swatch

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

Open image

About #A6686C

#A6686C converts to RGB(166, 104, 108) and HSL(356, 26%, 53%). 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).

#A6686C FAQs

What is the RGB value of #A6686C?
RGB: 166, 104, 108. Copy as CSS: rgb(166, 104, 108)
Is #A6686C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #A6686C?
Complement: #68a6a2.
Does #A6686C have good contrast on white or black?
On white: 4.36:1 (AA (large text)). On black: 4.82:1 (AA (normal text)).