#A23E2A

Color Details

HEX
#A23E2A
RGB
rgb(162, 62, 42)
HSL
hsl(10, 59%, 40%)
CMYK
cmyk(0%, 62%, 74%, 36%)
Best text on this color #FFFFFF (CR 6.44:1) Determined by WCAG contrast ratio

Readability Previews

Black on #a23e2a
Contrast 3.26:1 Fail
White on #a23e2a
Contrast 6.44:1 AA
#a23e2a on Black
Contrast 3.26:1 Fail
#a23e2a on White
Contrast 6.44:1 AA

Tints & Shades

#b56555
#c78b7f
#dab2aa
#823222
#612519
#411911

Complement & Analogous

#2a8ea2
#a27a2a
#a22a52

Triadic

#2aa23e
#3e2aa2

Monochrome

#411911 #612519 #a23e2a #c78b7f #dab2aa #ecd8d4

Analogous

#a22a52 #be6a86 #a23e2a #b59555 #a27a2a #826222

Complementary Mix

#612519 #a23e2a #c78b7f #2a8ea2 #75b6c3 #1b5c69

Nearby Colors

#a23e29
#a23e2b
#a23e1a
#a23e3a

Embed #A23E2A swatch

Embed this swatch

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

Open image

About #A23E2A

#A23E2A converts to RGB(162, 62, 42) and HSL(10, 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).

#A23E2A FAQs

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