#A5342C

Color Details

HEX
#A5342C
RGB
rgb(165, 52, 44)
HSL
hsl(4, 58%, 41%)
CMYK
cmyk(0%, 68%, 73%, 35%)
Best text on this color #FFFFFF (CR 6.71:1) Determined by WCAG contrast ratio

Readability Previews

Black on #a5342c
Contrast 3.13:1 Fail
White on #a5342c
Contrast 6.71:1 AA
#a5342c on Black
Contrast 3.13:1 Fail
#a5342c on White
Contrast 6.71:1 AA

Tints & Shades

#b75d56
#c98580
#dbaeab
#842a23
#631f1a
#421512

Complement & Analogous

#2c9da5
#a5712c
#a52c60

Triadic

#2ca534
#342ca5

Monochrome

#421512 #631f1a #a5342c #c98580 #dbaeab #edd6d5

Analogous

#a52c60 #c06b90 #a5342c #b78d56 #a5712c #845a23

Complementary Mix

#631f1a #a5342c #c98580 #2c9da5 #76bfc5 #1d666b

Nearby Colors

#a5342b
#a5342d
#a5341c
#a5343c

Embed #A5342C swatch

Embed this swatch

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

Open image

About #A5342C

#A5342C converts to RGB(165, 52, 44) and HSL(4, 58%, 41%). 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).

#A5342C FAQs

What is the RGB value of #A5342C?
RGB: 165, 52, 44. Copy as CSS: rgb(165, 52, 44)
Is #A5342C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #A5342C?
Complement: #2c9da5.
Does #A5342C have good contrast on white or black?
On white: 6.71:1 (AA (normal text)). On black: 3.13:1 (AA (large text)).