#503324

A dark, moderate orange closely aligning with Dimgray.

About #503324

The precise color #503324 is an excellent choice for modern design projects. Designers often compare it to the standard color Dimgray. To achieve this exact tint on a monitor, you would use an RGB mix of 80, 51, and 36.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). This specific hue requires a mix of 0% C, 36% M, 55% Y, and 69% K. The HSL representation is 20.5° hue, 37.9% saturation, and 22.7% lightness.

Ensuring your text is legible against this background is a key part of web design. To prevent eye strain, #FFFFFF text pairs best with this hex code. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#503324
RGB80, 51, 36
HSL20.5°, 37.9%, 22.7%
CMYK0%, 36%, 55%, 69%
HSV20.5°, 55.0%, 31.4%
LAB24.3, 11.1, 14.8
XYZ4.8, 4.2, 2.2
Decimal5255972

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

11.41:1
Text on #FFFFFF
AAA
1.84:1
Text on #000000
FAIL
10.91:1
Text on #F8FAFC
AAA
1.56:1
Text on #0F172A
FAIL

CSS Implementation

.bg-color { background-color: #503324; }
.text-color { color: #503324; }
.border-color { border: 2px solid #503324; }

Similar Colors

Dimgray
#696969