#A28A3F

Color Details

HEX
#A28A3F
RGB
rgb(162, 138, 63)
HSL
hsl(45, 44%, 44%)
CMYK
cmyk(0%, 15%, 61%, 36%)
Best text on this color #000000 (CR 6.24:1) Determined by WCAG contrast ratio

Readability Previews

Black on #a28a3f
Contrast 6.24:1 AA
White on #a28a3f
Contrast 3.36:1 Fail
#a28a3f on Black
Contrast 6.24:1 AA
#a28a3f on White
Contrast 3.36:1 Fail

Tints & Shades

#b5a165
#c7b98c
#dad0b2
#826e32
#615326
#413719

Complement & Analogous

#3f58a2
#89a23f
#a2583f

Triadic

#3fa289
#893fa2

Monochrome

#413719 #615326 #a28a3f #c7b98c #dad0b2 #ece8d9

Analogous

#a2583f #be8a79 #a28a3f #a1b565 #89a23f #6e8232

Complementary Mix

#615326 #a28a3f #c7b98c #3f58a2 #8292c3 #293969

Nearby Colors

#a28a3e
#a28a40
#a28a2f
#a28a4f

Embed #A28A3F swatch

Embed this swatch

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

Open image

About #A28A3F

#A28A3F converts to RGB(162, 138, 63) and HSL(45, 44%, 44%). 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).

#A28A3F FAQs

What is the RGB value of #A28A3F?
RGB: 162, 138, 63. Copy as CSS: rgb(162, 138, 63)
Is #A28A3F a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #A28A3F?
Complement: #3f58a2.
Does #A28A3F have good contrast on white or black?
On white: 3.36:1 (AA (large text)). On black: 6.24:1 (AA (normal text)).