#A23A2A

Color Details

HEX
#A23A2A
RGB
rgb(162, 58, 42)
HSL
hsl(8, 59%, 40%)
CMYK
cmyk(0%, 64%, 74%, 36%)
Best text on this color #FFFFFF (CR 6.61:1) Determined by WCAG contrast ratio

Readability Previews

Black on #a23a2a
Contrast 3.17:1 Fail
White on #a23a2a
Contrast 6.61:1 AA
#a23a2a on Black
Contrast 3.17:1 Fail
#a23a2a on White
Contrast 6.61:1 AA

Tints & Shades

#b56155
#c7897f
#dab0aa
#822e22
#612319
#411711

Complement & Analogous

#2a92a2
#a2762a
#a22a56

Triadic

#2aa23a
#3a2aa2

Monochrome

#411711 #612319 #a23a2a #c7897f #dab0aa #ecd8d4

Analogous

#a22a56 #be6a89 #a23a2a #b59155 #a2762a #825e22

Complementary Mix

#612319 #a23a2a #c7897f #2a92a2 #75b8c3 #1b5f69

Nearby Colors

#a23a29
#a23a2b
#a23a1a
#a23a3a

Embed #A23A2A swatch

Embed this swatch

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

Open image

About #A23A2A

#A23A2A converts to RGB(162, 58, 42) and HSL(8, 59%, 40%). 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).

#A23A2A FAQs

What is the RGB value of #A23A2A?
RGB: 162, 58, 42. Copy as CSS: rgb(162, 58, 42)
Is #A23A2A a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #A23A2A?
Complement: #2a92a2.
Does #A23A2A have good contrast on white or black?
On white: 6.61:1 (AA (normal text)). On black: 3.17:1 (AA (large text)).