#904b00

Color #904b00

A vivid, highly saturated dark orange.

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

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

Conversions

HEX

#904b00

RGB

rgb(144, 75, 0)

HSL

hsl(31.3, 100%, 28.2%)

HSV / HSB

hsv(31.3, 100%, 56.5%)

CMYK

cmyk(0%, 47.9%, 100%, 43.5%)

LAB

lab(39.52, 24.88, 49.12)

LCH

lch(39.52, 55.06, 63.14)

OKLCH

oklch(48.8%, 0.1178, 57.16)

HWB

hwb(31.3, 0%, 43.5%)

Harmony colors

Complementary

#004590

Analogous

#900300

#904b00

#8d9000

Triadic

#904b00

#00904b

#4b0090

Split-complementary

#904b00

#008d90

#030090

Tetradic

#904b00

#459000

#004590

#4b0090

Square

#904b00

#009003

#004590

#90008d

Shades

Color #904b00 mixed toward black.

#783f00

#603200

#482600

#301900

#180d00

Tints

Color #904b00 mixed toward white.

#cd6b00

#ff8a0b

#ffa748

#ffc585

#ffe2c2

Tones

Color #904b00 mixed toward gray.

#844b0c

#784a18

#6c4924

#604930

#54483c

Accessibility

Aa White text on this color

6.58:1

Aa Black text on this color

3.19:1

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

Under color vision deficiencies

Protanopia

#787823 · ΔE 26.1

Deuteranopia

#7c8028 · ΔE 28.5

Tritanopia

#8e3133 · ΔE 21.1

Achromatopsia

#5d5d5d · ΔE 24.8

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

Code

CSS

background-color: #904b00;

Tailwind (arbitrary value)

bg-[#904b00]

Related colors

Bisque #ffe4c4

Linen #faf0e6

Dark Orange #ff8c00

Peru #cd853f

Burlywood #deb887

Antique White #faebd7

Frequently asked questions

#904b00 (#904b00) is rgb(144, 75, 0) in RGB.

No, #904b00 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 #904b00, or check how it holds up for accessibility.

Generate a palette → Check contrast