HEX Color #83420F (Saddlebrown)

About #83420F

When working with digital screens, the color #83420F is rendered by mixing light. If you're using CSS, you might find it aligns closely with Saddlebrown. This translates to an RGB value of rgb(131, 66, 15).

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 0% cyan and 50% magenta inks. With a hue angle of 26.4 degrees, it sits comfortably in the orange spectrum.

Ensuring your text is legible against this background is a key part of web design. The calculated luminance score dictates that #FFFFFF typography is the safest choice. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#83420F

RGB131, 66, 15

HSL26.4°, 79.5%, 28.6%

CMYK0%, 50%, 89%, 49%

HSV26.4°, 88.5%, 51.4%

LAB35.5, 24.5, 40.4

XYZ11.4, 8.8, 1.5

Decimal8602127

Color Harmonies

Complementary

#83420F #0F4F83

Analogous

#830F15 #837C0F

Triadic

#0F8341 #410F83

Tetradic

#16830F #0F4F83 #7C0F83

Tints, Shades & Tones

Tints (Adding White)

#83420F

#905729

#9E6C44

#AC815F

#BA9679

#C7AB94

#D5C0AF

#E3D5C9

#F1EAE4

#FFFFFF

Shades (Adding Black)

#83420F

#743A0D

#65330B

#572C0A

#482408

#3A1D06

#2B1605

#1D0E03

#0E0701

#000000

WCAG Contrast Accessibility

7.63:1

Text on #FFFFFF

AAA

2.75:1

Text on #000000

FAIL

7.30:1

Text on #F8FAFC

AAA

2.34:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #83420F; }

.text-color { color: #83420F; }

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

Similar Colors

Saddlebrown

#8B4513