#d69f0b

Color #d69f0b

A vivid, highly saturated medium orange.

Closest named color Goldenrod #daa520 · ΔE 3.35 Nearest Tailwind class yellow-500 #f0b100 · ΔE 5.7

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

Conversions

HEX

#d69f0b

RGB

rgb(214, 159, 11)

HSL

hsl(43.7, 90.2%, 44.1%)

HSV / HSB

hsv(43.7, 94.9%, 83.9%)

CMYK

cmyk(0%, 25.7%, 94.9%, 16.1%)

LAB

lab(68.84, 9.62, 71.23)

LCH

lch(68.84, 71.88, 82.31)

OKLCH

oklch(73.5%, 0.1492, 83.27)

HWB

hwb(43.7, 4.3%, 16.1%)

Harmony colors

Complementary

#0b42d6

Analogous

#d6390b

#d69f0b

#a8d60b

Triadic

#d69f0b

#0bd69f

#9f0bd6

Split-complementary

#d69f0b

#0ba8d6

#390bd6

Tetradic

#d69f0b

#42d60b

#0b42d6

#9f0bd6

Square

#d69f0b

#0bd639

#0b42d6

#d60ba8

Shades

Color #d69f0b mixed toward black.

#b28409

#8f6a07

#6b4f06

#473504

#241a02

Tints

Color #d69f0b mixed toward white.

#f3b91d

#f6c74a

#f8d577

#fae3a5

#fdf1d2

Tones

Color #d69f0b mixed toward gray.

#c5971c

#b48f2d

#a3883e

#92804f

#817860

Accessibility

Aa White text on this color

2.38:1

Aa Black text on this color

8.82:1

Black text reads better on this background (8.82:1). That passes WCAG AAA (≥7:1) for normal-size text.

Under color vision deficiencies

Protanopia

#c1c053 · ΔE 16.5

Deuteranopia

#c4c85c · ΔE 18.5

Tritanopia

#d46d71 · ΔE 38.1

Achromatopsia

#a8a8a8 · ΔE 27.5

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

Code

CSS

background-color: #d69f0b;

Tailwind (arbitrary value)

bg-[#d69f0b]

Related colors

Goldenrod #daa520

Dark Goldenrod #b8860b

Floral White #fffaf0

Cornsilk #fff8dc

Old Lace #fdf5e6

Wheat #f5deb3

Frequently asked questions

#d69f0b (#d69f0b) is rgb(214, 159, 11) in RGB.

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

Generate a palette → Check contrast