#ddac70

Color #ddac70

A moderately saturated light orange.

Closest named color Burlywood #deb887 · ΔE 9.08 Nearest Tailwind class orange-300 #ffb86a · ΔE 6.7

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

Conversions

HEX

#ddac70

RGB

rgb(221, 172, 112)

HSL

hsl(33, 61.6%, 65.3%)

HSV / HSB

hsv(33, 49.3%, 86.7%)

CMYK

cmyk(0%, 22.2%, 49.3%, 13.3%)

LAB

lab(73.58, 10.67, 37.6)

LCH

lch(73.58, 39.08, 74.16)

OKLCH

oklch(77.6%, 0.0961, 71.24)

HWB

hwb(33, 43.9%, 13.3%)

Harmony colors

Complementary

#70a1dd

Analogous

#dd7570

#ddac70

#d8dd70

Triadic

#ddac70

#70ddac

#ac70dd

Split-complementary

#ddac70

#70d8dd

#7570dd

Tetradic

#ddac70

#a1dd70

#70a1dd

#ac70dd

Square

#ddac70

#70dd75

#70a1dd

#dd70d8

Shades

Color #ddac70 mixed toward black.

#d29243

#b3762b

#875820

#5a3b15

#2d1d0b

Tints

Color #ddac70 mixed toward white.

#e3ba88

#e8c8a0

#eed5b8

#f4e3cf

#f9f1e7

Tones

Color #ddac70 mixed toward gray.

#d4ab79

#cbaa82

#c2a98b

#b9a894

#b0a79d

Accessibility

Aa White text on this color

2.06:1

Aa Black text on this color

10.21:1

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

Under color vision deficiencies

Protanopia

#cac982 · ΔE 16.3

Deuteranopia

#ccd086 · ΔE 18.2

Tritanopia

#db8e91 · ΔE 24.6

Achromatopsia

#b5b5b5 · ΔE 21.1

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

Code

CSS

background-color: #ddac70;

Tailwind (arbitrary value)

bg-[#ddac70]

Related colors

Dark Orange #ff8c00

Bisque #ffe4c4

Burlywood #deb887

Antique White #faebd7

Tan #d2b48c

Navajo White #ffdead

Frequently asked questions

#ddac70 (#ddac70) is rgb(221, 172, 112) in RGB.

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

Generate a palette → Check contrast