#dda440

Color #dda440

A moderately saturated medium orange.

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

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

Conversions

HEX

#dda440

RGB

rgb(221, 164, 64)

HSL

hsl(38.2, 69.8%, 55.9%)

HSV / HSB

hsv(38.2, 71%, 86.7%)

CMYK

cmyk(0%, 25.8%, 71%, 13.3%)

LAB

lab(71.07, 11.53, 57.85)

LCH

lch(71.07, 58.99, 78.73)

OKLCH

oklch(75.5%, 0.1322, 78.08)

HWB

hwb(38.2, 25.1%, 13.3%)

Harmony colors

Complementary

#4079dd

Analogous

#dd5640

#dda440

#c8dd40

Triadic

#dda440

#40dda4

#a440dd

Split-complementary

#dda440

#40c8dd

#5640dd

Tetradic

#dda440

#79dd40

#4079dd

#a440dd

Square

#dda440

#40dd56

#4079dd

#dd40c8

Shades

Color #dda440 mixed toward black.

#ca8d24

#a1711d

#795516

#51390e

#281c07

Tints

Color #dda440 mixed toward white.

#e3b360

#e8c280

#eed1a0

#f4e1bf

#f9f0df

Tones

Color #dda440 mixed toward gray.

#d0a04d

#c39d5a

#b69967

#a99674

#9c9281

Accessibility

Aa White text on this color

2.22:1

Aa Black text on this color

9.46:1

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

Under color vision deficiencies

Protanopia

#c7c664 · ΔE 17.3

Deuteranopia

#cace6b · ΔE 19.2

Tritanopia

#db797c · ΔE 32.9

Achromatopsia

#aeaeae · ΔE 25.4

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

Code

CSS

background-color: #dda440;

Tailwind (arbitrary value)

bg-[#dda440]

Related colors

Moccasin #ffe4b5

Orange #ffa500

Old Lace #fdf5e6

Wheat #f5deb3

Papaya Whip #ffefd5

Floral White #fffaf0

Frequently asked questions

#dda440 (#dda440) is rgb(221, 164, 64) in RGB.

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

Generate a palette → Check contrast