#A48E8E

Color Details

HEX
#A48E8E
RGB
rgb(164, 142, 142)
HSL
hsl(0, 11%, 60%)
CMYK
cmyk(0%, 13%, 13%, 36%)
Best text on this color #000000 (CR 6.84:1) Determined by WCAG contrast ratio

Readability Previews

Black on #a48e8e
Contrast 6.84:1 AA
White on #a48e8e
Contrast 3.07:1 Fail
#a48e8e on Black
Contrast 6.84:1 AA
#a48e8e on White
Contrast 3.07:1 Fail

Tints & Shades

#b6a5a5
#c8bbbb
#dbd2d2
#837272
#625555
#423939

Complement & Analogous

#8ea4a4
#af9983
#af8399

Triadic

#8ea48e
#8e8ea4

Monochrome

#423939 #625555 #a48e8e #c8bbbb #dbd2d2 #ede8e8

Analogous

#af8399 #c7a8b8 #a48e8e #bfad9c #af9983 #8c7a69

Complementary Mix

#625555 #a48e8e #c8bbbb #8ea4a4 #b6c4c4 #5c6b6b

Nearby Colors

#a48e8d
#a48e8f
#a48e7e
#a48e9e

Embed #A48E8E swatch

Embed this swatch

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

Open image

About #A48E8E

#A48E8E converts to RGB(164, 142, 142) and HSL(0, 11%, 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).

#A48E8E FAQs

What is the RGB value of #A48E8E?
RGB: 164, 142, 142. Copy as CSS: rgb(164, 142, 142)
Is #A48E8E a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #A48E8E?
Complement: #8ea4a4.
Does #A48E8E have good contrast on white or black?
On white: 3.07:1 (AA (large text)). On black: 6.84:1 (AA (normal text)).