#caa86d

Color #caa86d

A moderately saturated light orange.

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

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

Conversions

HEX

#caa86d

RGB

rgb(202, 168, 109)

HSL

hsl(38.1, 46.7%, 61%)

HSV / HSB

hsv(38.1, 46%, 79.2%)

CMYK

cmyk(0%, 16.8%, 46%, 20.8%)

LAB

lab(70.64, 4.71, 35.05)

LCH

lch(70.64, 35.37, 82.35)

OKLCH

oklch(74.9%, 0.0865, 80.61)

HWB

hwb(38.1, 42.7%, 20.8%)

Harmony colors

Complementary

#6d8fca

Analogous

#ca7a6d

#caa86d

#bdca6d

Triadic

#caa86d

#6dcaa8

#a86dca

Split-complementary

#caa86d

#6dbdca

#7a6dca

Tetradic

#caa86d

#8fca6d

#6d8fca

#a86dca

Square

#caa86d

#6dca7a

#6d8fca

#ca6dbd

Shades

Color #caa86d mixed toward black.

#bc9147

#987537

#725829

#4c3a1c

#261d0e

Tints

Color #caa86d mixed toward white.

#d3b785

#dcc59e

#e4d4b6

#ede2ce

#f6f1e7

Tones

Color #caa86d mixed toward gray.

#c2a675

#bba47d

#b3a284

#aba08c

#a39e94

Accessibility

Aa White text on this color

2.25:1

Aa Black text on this color

9.33:1

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

Under color vision deficiencies

Protanopia

#bcbc7f · ΔE 11.7

Deuteranopia

#bec182 · ΔE 12.9

Tritanopia

#c88b8d · ΔE 25.5

Achromatopsia

#adadad · ΔE 19.8

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

Code

CSS

background-color: #caa86d;

Tailwind (arbitrary value)

bg-[#caa86d]

Related colors

Moccasin #ffe4b5

Orange #ffa500

Old Lace #fdf5e6

Papaya Whip #ffefd5

Wheat #f5deb3

Floral White #fffaf0

Frequently asked questions

#caa86d (#caa86d) is rgb(202, 168, 109) in RGB.

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

Generate a palette → Check contrast