#531A1C

Color Details

HEX
#531A1C
RGB
rgb(83, 26, 28)
HSL
hsl(358, 52%, 21%)
CMYK
cmyk(0%, 69%, 66%, 67%)
Best text on this color #FFFFFF (CR 13.70:1) Determined by WCAG contrast ratio

Readability Previews

Black on #531a1c
Contrast 1.53:1 Fail
White on #531a1c
Contrast 13.70:1 AAA
#531a1c on Black
Contrast 1.53:1 Fail
#531a1c on White
Contrast 13.70:1 AAA

Tints & Shades

#754849
#987677
#baa3a4
#421516
#321011
#210a0b

Complement & Analogous

#1a5150
#51341a
#511a37

Triadic

#1c511a
#1a1c51

Monochrome

#210a0b #321011 #531a1c #987677 #baa3a4 #ddd1d2

Analogous

#511a37 #855f73 #531a1c #745d48 #51341a #412a15

Complementary Mix

#321011 #531a1c #987677 #1a5150 #6a8e8d #113534

Nearby Colors

#531a1b
#531a1d
#531a0c
#531a2c

Embed #531A1C swatch

Embed this swatch

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

Open image

About #531A1C

#531A1C converts to RGB(83, 26, 28) and HSL(358, 52%, 21%). 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).

#531A1C FAQs

What is the RGB value of #531A1C?
RGB: 83, 26, 28. Copy as CSS: rgb(83, 26, 28)
Is #531A1C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #531A1C?
Complement: #1a5150.
Does #531A1C have good contrast on white or black?
On white: 13.70:1 (AAA (normal text)). On black: 1.53:1 (Fails AA).