#caa85c

Color #caa85c

A moderately saturated medium orange.

Closest named color Dark Khaki #bdb76b · ΔE 13 Nearest Tailwind class yellow-500 #f0b100 · ΔE 10.8

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

Conversions

HEX

#caa85c

RGB

rgb(202, 168, 92)

HSL

hsl(41.5, 50.9%, 57.6%)

HSV / HSB

hsv(41.5, 54.5%, 79.2%)

CMYK

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

LAB

lab(70.41, 3.15, 43.49)

LCH

lch(70.41, 43.6, 85.86)

OKLCH

oklch(74.6%, 0.1032, 85.72)

HWB

hwb(41.5, 36.1%, 20.8%)

Harmony colors

Complementary

#5c7eca

Analogous

#ca715c

#caa85c

#b5ca5c

Triadic

#caa85c

#5ccaa8

#a85cca

Split-complementary

#caa85c

#5cb5ca

#715cca

Tetradic

#caa85c

#7eca5c

#5c7eca

#a85cca

Square

#caa85c

#5cca71

#5c7eca

#ca5cb5

Shades

Color #caa85c mixed toward black.

#b9923c

#947530

#6f5824

#4a3b18

#251d0c

Tints

Color #caa85c mixed toward white.

#d3b677

#dcc592

#e4d3ad

#ede2c9

#f6f0e4

Tones

Color #caa85c mixed toward gray.

#c1a465

#b8a16e

#ae9d77

#a59a81

#9c968a

Accessibility

Aa White text on this color

2.27:1

Aa Black text on this color

9.27:1

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

Under color vision deficiencies

Protanopia

#bcbc74 · ΔE 11.1

Deuteranopia

#bec179 · ΔE 12.3

Tritanopia

#c88487 · ΔE 30.2

Achromatopsia

#acacac · ΔE 22

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

Code

CSS

background-color: #caa85c;

Tailwind (arbitrary value)

bg-[#caa85c]

Related colors

Dark Goldenrod #b8860b

Goldenrod #daa520

Floral White #fffaf0

Old Lace #fdf5e6

Wheat #f5deb3

Orange #ffa500

Frequently asked questions

#caa85c (#caa85c) is rgb(202, 168, 92) in RGB.

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

Generate a palette → Check contrast