HEX Color #503300 (Saddlebrown)

About #503300

At its core, #503300 is a very dark and vivid hue. Its closest recognized web color is Saddlebrown. In the RGB color space, it consists of 80 red, 51 green, and 0 blue.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). Its ink density profile breaks down to 0% cyan, 36% magenta, 100% yellow, and 69% black. This makes it a relatively dark color when applied to physical surfaces.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#503300

RGB80, 51, 0

HSL38.3°, 100.0%, 15.7%

CMYK0%, 36%, 100%, 69%

HSV38.3°, 100.0%, 31.4%

LAB23.9, 8.7, 33.4

XYZ4.5, 4.1, 0.5

Decimal5255936

Color Harmonies

Complementary

#503300 #001D50

Analogous

#500B00 #445000

Triadic

#005033 #320050

Tetradic

#00500B #001D50 #500044

Tints, Shades & Tones

Tints (Adding White)

#503300

#63491C

#766038

#8A7755

#9D8D71

#B1A48D

#C4BBAA

#D8D1C6

#EBE8E2

#FFFFFF

Shades (Adding Black)

#503300

#472D00

#3E2700

#352200

#2C1C00

#231600

#1A1100

#110B00

#080500

#000000

WCAG Contrast Accessibility

11.57:1

Text on #FFFFFF

AAA

1.81:1

Text on #000000

FAIL

11.06:1

Text on #F8FAFC

AAA

1.54:1

Text on #0F172A

FAIL

CSS Implementation

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

.text-color { color: #503300; }

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

Similar Colors

Saddlebrown

#8B4513