HEX Color #5F2C00 (Saddlebrown)

About #5F2C00

Visually, #5F2C00 is defined as a vivid orange. If you're using CSS, you might find it aligns closely with Saddlebrown. To achieve this exact tint on a monitor, you would use an RGB mix of 95, 44, and 0.

Translating this color to physical media requires the CMYK color model. To reproduce this shade on paper, a printer utilizes 0% cyan and 54% magenta inks. Always request a physical proof before doing a large print run with this exact code.

Contrast ratios determine whether this color is safe for typography. The calculated luminance score dictates that #FFFFFF typography is the safest choice. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#5F2C00

RGB95, 44, 0

HSL27.8°, 100.0%, 18.6%

CMYK0%, 54%, 100%, 63%

HSV27.8°, 100.0%, 37.3%

LAB24.4, 20.5, 34.7

XYZ5.6, 4.2, 0.5

Decimal6237184

Color Harmonies

Complementary

#5F2C00 #00325F

Analogous

#5F0003 #5F5B00

Triadic

#005F2C #2C005F

Tetradic

#035F00 #00325F #5B005F

Tints, Shades & Tones

Tints (Adding White)

#5F2C00

#70431C

#825A38

#947255

#A68971

#B7A18D

#C9B8AA

#DBD0C6

#EDE7E2

#FFFFFF

Shades (Adding Black)

#5F2C00

#542700

#492200

#3F1D00

#341800

#2A1300

#1F0E00

#150900

#0A0400

#000000

WCAG Contrast Accessibility

11.37:1

Text on #FFFFFF

AAA

1.85:1

Text on #000000

FAIL

10.87:1

Text on #F8FAFC

AAA

1.57:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #5F2C00; }

.text-color { color: #5F2C00; }

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

Similar Colors

Saddlebrown

#8B4513