#50232C

Color Details

HEX
#50232C
RGB
rgb(80, 35, 44)
HSL
hsl(348, 39%, 23%)
CMYK
cmyk(0%, 56%, 45%, 69%)
Best text on this color #FFFFFF (CR 12.98:1) Determined by WCAG contrast ratio

Readability Previews

Black on #50232c
Contrast 1.62:1 Fail
White on #50232c
Contrast 12.98:1 AAA
#50232c on Black
Contrast 1.62:1 Fail
#50232c on White
Contrast 12.98:1 AAA

Tints & Shades

#734f56
#967b80
#b9a7ab
#401c23
#30151a
#200e12

Complement & Analogous

#245248
#523224
#522444

Triadic

#2d5224
#242d52

Monochrome

#200e12 #30151a #50232c #967b80 #b9a7ab #dcd3d5

Analogous

#522444 #86667c #50232c #755b50 #523224 #42281d

Complementary Mix

#30151a #50232c #967b80 #245248 #718f88 #17352f

Nearby Colors

#50232b
#50232d
#50231c
#50233c

Embed #50232C swatch

Embed this swatch

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

Open image

About #50232C

#50232C converts to RGB(80, 35, 44) and HSL(348, 39%, 23%). 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).

#50232C FAQs

What is the RGB value of #50232C?
RGB: 80, 35, 44. Copy as CSS: rgb(80, 35, 44)
Is #50232C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #50232C?
Complement: #245248.
Does #50232C have good contrast on white or black?
On white: 12.98:1 (AAA (normal text)). On black: 1.62:1 (Fails AA).