#815305

Color #815305

A vivid, highly saturated dark orange.

Closest named color Saddle Brown #8b4513 · ΔE 14.22 Nearest Tailwind class yellow-800 #894b00 · ΔE 5.3

Open in Palette generator Color wheel Color mixer Contrast checker Blindness simulator Gradient

Conversions

HEX

#815305

RGB

rgb(129, 83, 5)

HSL

hsl(37.7, 92.5%, 26.3%)

HSV / HSB

hsv(37.7, 96.1%, 50.6%)

CMYK

cmyk(0%, 35.7%, 96.1%, 49.4%)

LAB

lab(39.35, 13.45, 46.45)

LCH

lch(39.35, 48.36, 73.85)

OKLCH

oklch(48.2%, 0.1014, 71.78)

HWB

hwb(37.7, 2%, 49.4%)

Harmony colors

Complementary

#053381

Analogous

#811505

#815305

#718105

Triadic

#815305

#058153

#530581

Split-complementary

#815305

#057181

#150581

Tetradic

#815305

#338105

#053381

#530581

Square

#815305

#058115

#053381

#810571

Shades

Color #815305 mixed toward black.

#6c4504

#563703

#412903

#2b1c02

#160e01

Tints

Color #815305 mixed toward white.

#bd7a07

#f69f0e

#f8b74a

#facf86

#fde7c3

Tones

Color #815305 mixed toward gray.

#77500f

#6c4e1a

#624b24

#58482e

#4d4639

Accessibility

Aa White text on this color

6.62:1

Aa Black text on this color

3.17:1

White text reads better on this background (6.62:1). That passes WCAG AA (≥4.5:1) for normal-size text, but not AAA.

Under color vision deficiencies

Protanopia

#707029 · ΔE 17.9

Deuteranopia

#72762e · ΔE 20

Tritanopia

#7f373a · ΔE 25.8

Achromatopsia

#5d5d5d · ΔE 23.3

Left half is the original, right half is the simulated appearance. See all 8 vision types →

Code

CSS

background-color: #815305;

Tailwind (arbitrary value)

bg-[#815305]

Related colors

Moccasin #ffe4b5

Papaya Whip #ffefd5

Orange #ffa500

Old Lace #fdf5e6

Wheat #f5deb3

Blanched Almond #ffebcd

Frequently asked questions

#815305 (#815305) is rgb(129, 83, 5) in RGB.

No, #815305 is not one of the 216 web-safe colors — for that, every RGB channel would have to be a multiple of 51.

Related tools

Colors

HEX to RGB Converter

Convert any HEX color code to its RGB and HSL equivalents, live, with copy-to-clipboard values.

Try it → Accessibility

Contrast Checker

Check the WCAG contrast ratio between any two colors, live, with AA/AAA pass-fail results.

Try it → Generators

Palette Generator

Generate complementary, analogous, triadic, split-complementary, tetradic, square, and monochromatic palettes from any base color.

Try it →

Build something with this color

Generate a full palette from #815305, or check how it holds up for accessibility.

Generate a palette → Check contrast