#A3A68D

Color Details

HEX
#A3A68D
RGB
rgb(163, 166, 141)
HSL
hsl(67, 12%, 60%)
CMYK
cmyk(2%, 0%, 15%, 35%)
Best text on this color #000000 (CR 8.40:1) Determined by WCAG contrast ratio

Readability Previews

Black on #a3a68d
Contrast 8.40:1 AAA
White on #a3a68d
Contrast 2.50:1 Fail
#a3a68d on Black
Contrast 8.40:1 AAA
#a3a68d on White
Contrast 2.50:1 Fail

Tints & Shades

#b5b8a4
#c8cabb
#dadbd1
#828571
#626455
#414238

Complement & Analogous

#908da5
#94af83
#af9e83

Triadic

#8da2a5
#a58da2

Monochrome

#414238 #626455 #a3a68d #c8cabb #dadbd1 #edede8

Analogous

#af9e83 #c7bba8 #a3a68d #a9bf9c #94af83 #768c69

Complementary Mix

#626455 #a3a68d #c8cabb #908da5 #b7b5c5 #5e5c6b

Nearby Colors

#a3a68c
#a3a68e
#a3a67d
#a3a69d

Embed #A3A68D swatch

Embed this swatch

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

Open image

About #A3A68D

#A3A68D converts to RGB(163, 166, 141) and HSL(67, 12%, 60%). 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).

#A3A68D FAQs

What is the RGB value of #A3A68D?
RGB: 163, 166, 141. Copy as CSS: rgb(163, 166, 141)
Is #A3A68D a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #A3A68D?
Complement: #908da5.
Does #A3A68D have good contrast on white or black?
On white: 2.50:1 (Fails AA). On black: 8.40:1 (AAA (normal text)).