#A5671C

Color Details

HEX
#A5671C
RGB
rgb(165, 103, 28)
HSL
hsl(33, 71%, 38%)
CMYK
cmyk(0%, 38%, 83%, 35%)
Best text on this color #FFFFFF (CR 4.61:1) Determined by WCAG contrast ratio

Readability Previews

Black on #a5671c
Contrast 4.56:1 AA
White on #a5671c
Contrast 4.61:1 AA
#a5671c on Black
Contrast 4.56:1 AA
#a5671c on White
Contrast 4.61:1 AA

Tints & Shades

#b78549
#c9a477
#dbc2a4
#845216
#633e11
#42290b

Complement & Analogous

#1c5aa6
#9fa61c
#a6231c

Triadic

#1ca668
#681ca6

Monochrome

#42290b #633e11 #a5671c #c9a477 #dbc2a4 #ede1d2

Analogous

#a6231c #c16560 #a5671c #b2b849 #9fa61c #7f8516

Complementary Mix

#633e11 #a5671c #c9a477 #1c5aa6 #6b94c5 #123b6c

Nearby Colors

#a5671b
#a5671d
#a5670c
#a5672c

Embed #A5671C swatch

Embed this swatch

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

Open image

About #A5671C

#A5671C converts to RGB(165, 103, 28) and HSL(33, 71%, 38%). 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).

#A5671C FAQs

What is the RGB value of #A5671C?
RGB: 165, 103, 28. Copy as CSS: rgb(165, 103, 28)
Is #A5671C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #A5671C?
Complement: #1c5aa6.
Does #A5671C have good contrast on white or black?
On white: 4.61:1 (AA (normal text)). On black: 4.56:1 (AA (normal text)).