HEX Color #500024 (Brown)

About #500024

The precise color #500024 is an excellent choice for modern design projects. Designers often compare it to the standard color Brown. Its digital footprint relies on 80 parts red, 0 parts green, and 36 parts blue light.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). Its ink density profile breaks down to 0% cyan, 100% magenta, 55% yellow, and 69% black. The HSL representation is 333.0° hue, 100.0% saturation, and 15.7% lightness.

From a UX and accessibility standpoint, contrast is paramount. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#500024

RGB80, 0, 36

HSL333.0°, 100.0%, 15.7%

CMYK0%, 100%, 55%, 69%

HSV333.0°, 100.0%, 31.4%

LAB14.6, 36.5, 1.5

XYZ3.6, 1.8, 1.8

Decimal5242916

Color Harmonies

Complementary

#500024 #00502C

Analogous

#50004C #500400

Triadic

#235000 #002350

Tetradic

#4C5000 #00502C #030050

Tints, Shades & Tones

Tints (Adding White)

#500024

#631C3C

#763854

#8A556D

#9D7185

#B18D9D

#C4AAB6

#D8C6CE

#EBE2E6

#FFFFFF

Shades (Adding Black)

#500024

#470020

#3E001C

#350018

#2C0014

#230010

#1A000C

#110008

#080004

#000000

WCAG Contrast Accessibility

15.37:1

Text on #FFFFFF

AAA

1.37:1

Text on #000000

FAIL

14.69:1

Text on #F8FAFC

AAA

1.16:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #500024; }

.text-color { color: #500024; }

.border-color { border: 2px solid #500024; }

Similar Colors

Brown

#A52A2A