#984c05

Color #984c05

A vivid, highly saturated dark orange.

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

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

Conversions

HEX

#984c05

RGB

rgb(152, 76, 5)

HSL

hsl(29, 93.6%, 30.8%)

HSV / HSB

hsv(29, 96.7%, 59.6%)

CMYK

cmyk(0%, 50%, 96.7%, 40.4%)

LAB

lab(40.99, 27.9, 49.14)

LCH

lch(40.99, 56.51, 60.41)

OKLCH

oklch(50.2%, 0.1237, 53.88)

HWB

hwb(29, 2%, 40.4%)

Harmony colors

Complementary

#055198

Analogous

#980507

#984c05

#989605

Triadic

#984c05

#05984c

#4c0598

Split-complementary

#984c05

#059896

#050798

Tetradic

#984c05

#519805

#055198

#4c0598

Square

#984c05

#079805

#055198

#960598

Shades

Color #984c05 mixed toward black.

#7f3f04

#653303

#4c2603

#331902

#190d01

Tints

Color #984c05 mixed toward white.

#d16907

#f7861b

#f9a454

#fbc28d

#fde1c6

Tones

Color #984c05 mixed toward gray.

#8c4c11

#804d1e

#734d2a

#674e36

#5b4e42

Accessibility

Aa White text on this color

6.23:1

Aa Black text on this color

3.37:1

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

Under color vision deficiencies

Protanopia

#7e7e25 · ΔE 28.4

Deuteranopia

#82872a · ΔE 31.4

Tritanopia

#953235 · ΔE 20.1

Achromatopsia

#616161 · ΔE 25.1

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

Code

CSS

background-color: #984c05;

Tailwind (arbitrary value)

bg-[#984c05]

Related colors

Peru #cd853f

Peach Puff #ffdab9

Linen #faf0e6

Sandy Brown #f4a460

Bisque #ffe4c4

Dark Orange #ff8c00

Frequently asked questions

#984c05 (#984c05) is rgb(152, 76, 5) in RGB.

No, #984c05 is not web-safe. The nearest web-safe colors are among its tones and shades below.

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 #984c05, or check how it holds up for accessibility.

Generate a palette → Check contrast