#dda756

Color #dda756

A moderately saturated light orange.

Closest named color Sandy Brown #f4a460 · ΔE 12.13 Nearest Tailwind class orange-300 #ffb86a · ΔE 7.1

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

Conversions

HEX

#dda756

RGB

rgb(221, 167, 86)

HSL

hsl(36, 66.5%, 60.2%)

HSV / HSB

hsv(36, 61.1%, 86.7%)

CMYK

cmyk(0%, 24.4%, 61.1%, 13.3%)

LAB

lab(72.02, 11.23, 48.81)

LCH

lch(72.02, 50.09, 77.04)

OKLCH

oklch(76.3%, 0.1171, 75.51)

HWB

hwb(36, 33.7%, 13.3%)

Harmony colors

Complementary

#568cdd

Analogous

#dd6456

#dda756

#d0dd56

Triadic

#dda756

#56dda7

#a756dd

Split-complementary

#dda756

#56d0dd

#6456dd

Tetradic

#dda756

#8cdd56

#568cdd

#a756dd

Square

#dda756

#56dd64

#568cdd

#dd56d0

Shades

Color #dda756 mixed toward black.

#d4912b

#aa7422

#80571a

#553a11

#2b1d09

Tints

Color #dda756 mixed toward white.

#e3b672

#e8c48e

#eed3ab

#f4e2c7

#f9f0e3

Tones

Color #dda756 mixed toward gray.

#d2a561

#c7a36d

#bba078

#b09e83

#a59c8e

Accessibility

Aa White text on this color

2.16:1

Aa Black text on this color

9.74:1

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

Under color vision deficiencies

Protanopia

#c8c771 · ΔE 16.9

Deuteranopia

#cbcf76 · ΔE 18.9

Tritanopia

#db8184 · ΔE 29.5

Achromatopsia

#b0b0b0 · ΔE 23.6

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

Code

CSS

background-color: #dda756;

Tailwind (arbitrary value)

bg-[#dda756]

Related colors

Blanched Almond #ffebcd

Navajo White #ffdead

Papaya Whip #ffefd5

Antique White #faebd7

Tan #d2b48c

Moccasin #ffe4b5

Frequently asked questions

#dda756 (#dda756) is rgb(221, 167, 86) in RGB.

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

Generate a palette → Check contrast