#906a09

Color #906a09

A vivid, highly saturated dark orange.

Closest named color Dark Goldenrod #b8860b · ΔE 16.13 Nearest Tailwind class yellow-700 #a65f00 · ΔE 10.1

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

Conversions

HEX

#906a09

RGB

rgb(144, 106, 9)

HSL

hsl(43.1, 88.2%, 30%)

HSV / HSB

hsv(43.1, 93.8%, 56.5%)

CMYK

cmyk(0%, 26.4%, 93.8%, 43.5%)

LAB

lab(47.31, 7.19, 52.19)

LCH

lch(47.31, 52.68, 82.16)

OKLCH

oklch(54.8%, 0.1101, 83.06)

HWB

hwb(43.1, 3.5%, 43.5%)

Harmony colors

Complementary

#092f90

Analogous

#902609

#906a09

#739009

Triadic

#906a09

#09906a

#6a0990

Split-complementary

#906a09

#097390

#260990

Tetradic

#906a09

#2f9009

#092f90

#6a0990

Square

#906a09

#099026

#092f90

#900973

Shades

Color #906a09 mixed toward black.

#785808

#604706

#483505

#302303

#181202

Tints

Color #906a09 mixed toward white.

#c8930d

#f1b61f

#f4c857

#f8da8f

#fbedc7

Tones

Color #906a09 mixed toward gray.

#856514

#796020

#6e5b2b

#635636

#585141

Accessibility

Aa White text on this color

4.94:1

Aa Black text on this color

4.25:1

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

Under color vision deficiencies

Protanopia

#818136 · ΔE 14.2

Deuteranopia

#83863c · ΔE 15.9

Tritanopia

#8e484b · ΔE 31.2

Achromatopsia

#707070 · ΔE 24.1

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

Code

CSS

background-color: #906a09;

Tailwind (arbitrary value)

bg-[#906a09]

Related colors

Goldenrod #daa520

Dark Goldenrod #b8860b

Floral White #fffaf0

Old Lace #fdf5e6

Wheat #f5deb3

Orange #ffa500

Frequently asked questions

#906a09 (#906a09) is rgb(144, 106, 9) in RGB.

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

Generate a palette → Check contrast