#d4a943

Color #d4a943

A moderately saturated medium orange.

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

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

Conversions

HEX

#d4a943

RGB

rgb(212, 169, 67)

HSL

hsl(42.2, 62.8%, 54.7%)

HSV / HSB

hsv(42.2, 68.4%, 83.1%)

CMYK

cmyk(0%, 20.3%, 68.4%, 16.9%)

LAB

lab(71.41, 5.16, 56.61)

LCH

lch(71.41, 56.84, 84.79)

OKLCH

oklch(75.5%, 0.1279, 85.65)

HWB

hwb(42.2, 26.3%, 16.9%)

Harmony colors

Complementary

#436ed4

Analogous

#d46043

#d4a943

#b7d443

Triadic

#d4a943

#43d4a9

#a943d4

Split-complementary

#d4a943

#43b7d4

#6043d4

Tetradic

#d4a943

#6ed443

#436ed4

#a943d4

Square

#d4a943

#43d460

#436ed4

#d443b7

Shades

Color #d4a943 mixed toward black.

#bd922b

#977523

#72581a

#4c3a11

#261d09

Tints

Color #d4a943 mixed toward white.

#dbb762

#e2c682

#ead4a1

#f1e2c0

#f8f1e0

Tones

Color #d4a943 mixed toward gray.

#c8a44f

#bc9f5b

#b09a67

#a49573

#98907f

Accessibility

Aa White text on this color

2.2:1

Aa Black text on this color

9.56:1

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

Under color vision deficiencies

Protanopia

#c3c368 · ΔE 13.4

Deuteranopia

#c5c86f · ΔE 14.7

Tritanopia

#d27d81 · ΔE 35

Achromatopsia

#afafaf · ΔE 25

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

Code

CSS

background-color: #d4a943;

Tailwind (arbitrary value)

bg-[#d4a943]

Related colors

Dark Goldenrod #b8860b

Goldenrod #daa520

Floral White #fffaf0

Old Lace #fdf5e6

Wheat #f5deb3

Orange #ffa500

Frequently asked questions

#d4a943 (#d4a943) is rgb(212, 169, 67) in RGB.

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

Generate a palette → Check contrast