#A3341F

Color Details

HEX
#A3341F
RGB
rgb(163, 52, 31)
HSL
hsl(10, 68%, 38%)
CMYK
cmyk(0%, 68%, 81%, 36%)
Best text on this color #FFFFFF (CR 6.84:1) Determined by WCAG contrast ratio

Readability Previews

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

Tints & Shades

#b55d4c
#c88579
#daaea5
#822a19
#621f13
#41150c

Complement & Analogous

#1f8da3
#a3771f
#a31f4b

Triadic

#1fa335
#351fa3

Monochrome

#41150c #621f13 #a3341f #c88579 #daaea5 #edd6d2

Analogous

#a31f4b #bf6281 #a3341f #b5924c #a3771f #825f19

Complementary Mix

#621f13 #a3341f #c88579 #1f8da3 #6db5c3 #145c6a

Nearby Colors

#a3341e
#a33420
#a3340f
#a3342f

Embed #A3341F swatch

Embed this swatch

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

Open image

About #A3341F

#A3341F converts to RGB(163, 52, 31) and HSL(10, 68%, 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).

#A3341F FAQs

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