#321B1C

Color Details

HEX
#321B1C
RGB
rgb(50, 27, 28)
HSL
hsl(357, 30%, 15%)
CMYK
cmyk(0%, 46%, 44%, 80%)
Best text on this color #FFFFFF (CR 16.04:1) Determined by WCAG contrast ratio

Readability Previews

Black on #321b1c
Contrast 1.31:1 Fail
White on #321b1c
Contrast 16.04:1 AAA
#321b1c on Black
Contrast 1.31:1 Fail
#321b1c on White
Contrast 16.04:1 AAA

Tints & Shades

#5b4949
#847677
#ada4a4
#281616
#1e1011
#140b0b

Complement & Analogous

#1b3231
#32251b
#321b27

Triadic

#1c321b
#1b1c32

Monochrome

#140b0b #1e1011 #321b1c #847677 #ada4a4 #d6d1d2

Analogous

#321b27 #705f68 #321b1c #5b5149 #32251b #281e16

Complementary Mix

#1e1011 #321b1c #847677 #1b3231 #6b7a79 #122120

Nearby Colors

#321b1b
#321b1d
#321b0c
#321b2c

Embed #321B1C swatch

Embed this swatch

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

Open image

About #321B1C

#321B1C converts to RGB(50, 27, 28) and HSL(357, 30%, 15%). 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).

#321B1C FAQs

What is the RGB value of #321B1C?
RGB: 50, 27, 28. Copy as CSS: rgb(50, 27, 28)
Is #321B1C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #321B1C?
Complement: #1b3231.
Does #321B1C have good contrast on white or black?
On white: 16.04:1 (AAA (normal text)). On black: 1.31:1 (Fails AA).