#A57D5F

Color Details

HEX
#A57D5F
RGB
rgb(165, 125, 95)
HSL
hsl(26, 28%, 51%)
CMYK
cmyk(0%, 24%, 42%, 35%)
Best text on this color #000000 (CR 5.70:1) Determined by WCAG contrast ratio

Readability Previews

Black on #a57d5f
Contrast 5.70:1 AA
White on #a57d5f
Contrast 3.69:1 Fail
#a57d5f on Black
Contrast 5.70:1 AA
#a57d5f on White
Contrast 3.69:1 Fail

Tints & Shades

#b7977f
#c9b19f
#dbcbbf
#84644c
#634b39
#423226

Complement & Analogous

#5f87a5
#a5a05f
#a55f64

Triadic

#5fa57d
#7d5fa5

Monochrome

#423226 #634b39 #a57d5f #c9b19f #dbcbbf #ede5df

Analogous

#a55f64 #c08f93 #a57d5f #b7b37f #a5a05f #84804c

Complementary Mix

#634b39 #a57d5f #c9b19f #5f87a5 #97b1c5 #3e586b

Nearby Colors

#a57d5e
#a57d60
#a57d4f
#a57d6f

Embed #A57D5F swatch

Embed this swatch

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

Open image

About #A57D5F

#A57D5F converts to RGB(165, 125, 95) and HSL(26, 28%, 51%). 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).

#A57D5F FAQs

What is the RGB value of #A57D5F?
RGB: 165, 125, 95. Copy as CSS: rgb(165, 125, 95)
Is #A57D5F a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #A57D5F?
Complement: #5f87a5.
Does #A57D5F have good contrast on white or black?
On white: 3.69:1 (AA (large text)). On black: 5.70:1 (AA (normal text)).