#d7ae75

Color #d7ae75

A moderately saturated light orange.

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

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

Conversions

HEX

#d7ae75

RGB

rgb(215, 174, 117)

HSL

hsl(34.9, 55.1%, 65.1%)

HSV / HSB

hsv(34.9, 45.6%, 84.3%)

CMYK

cmyk(0%, 19.1%, 45.6%, 15.7%)

LAB

lab(73.55, 7.63, 34.83)

LCH

lch(73.55, 35.66, 77.64)

OKLCH

oklch(77.5%, 0.0881, 75)

HWB

hwb(34.9, 45.9%, 15.7%)

Harmony colors

Complementary

#759ed7

Analogous

#d77d75

#d7ae75

#cfd775

Triadic

#d7ae75

#75d7ae

#ae75d7

Split-complementary

#d7ae75

#75cfd7

#7d75d7

Tetradic

#d7ae75

#9ed775

#759ed7

#ae75d7

Square

#d7ae75

#75d77d

#759ed7

#d775cf

Shades

Color #d7ae75 mixed toward black.

#cb954a

#ac7932

#815a25

#563c19

#2b1e0c

Tints

Color #d7ae75 mixed toward white.

#debc8c

#e4c9a3

#ebd7ba

#f2e4d1

#f8f2e8

Tones

Color #d7ae75 mixed toward gray.

#cfad7d

#c7ab85

#bfaa8d

#b6a996

#aea79e

Accessibility

Aa White text on this color

2.06:1

Aa Black text on this color

10.2:1

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

Under color vision deficiencies

Protanopia

#c7c686 · ΔE 13.7

Deuteranopia

#c9cc89 · ΔE 15.3

Tritanopia

#d59194 · ΔE 24.6

Achromatopsia

#b5b5b5 · ΔE 20

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

Code

CSS

background-color: #d7ae75;

Tailwind (arbitrary value)

bg-[#d7ae75]

Related colors

Antique White #faebd7

Tan #d2b48c

Navajo White #ffdead

Blanched Almond #ffebcd

Burlywood #deb887

Dark Orange #ff8c00

Frequently asked questions

#d7ae75 (#d7ae75) is rgb(215, 174, 117) in RGB.

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

Generate a palette → Check contrast