#cbab71

Color #cbab71

A moderately saturated light orange.

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

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

Conversions

HEX

#cbab71

RGB

rgb(203, 171, 113)

HSL

hsl(38.7, 46.4%, 62%)

HSV / HSB

hsv(38.7, 44.3%, 79.6%)

CMYK

cmyk(0%, 15.8%, 44.3%, 20.4%)

LAB

lab(71.57, 3.92, 34.15)

LCH

lch(71.57, 34.37, 83.45)

OKLCH

oklch(75.6%, 0.0844, 81.75)

HWB

hwb(38.7, 44.3%, 20.4%)

Harmony colors

Complementary

#7191cb

Analogous

#cb7e71

#cbab71

#becb71

Triadic

#cbab71

#71cbab

#ab71cb

Split-complementary

#cbab71

#71becb

#7e71cb

Tetradic

#cbab71

#91cb71

#7191cb

#ab71cb

Square

#cbab71

#71cb7e

#7191cb

#cb71be

Shades

Color #cbab71 mixed toward black.

#bd944b

#9a7838

#745a2a

#4d3c1c

#271e0e

Tints

Color #cbab71 mixed toward white.

#d4b989

#dcc7a0

#e5d5b8

#eee3d0

#f6f1e7

Tones

Color #cbab71 mixed toward gray.

#c4a979

#bca780

#b5a588

#ada28f

#a6a097

Accessibility

Aa White text on this color

2.19:1

Aa Black text on this color

9.6:1

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

Under color vision deficiencies

Protanopia

#bebe82 · ΔE 11

Deuteranopia

#c0c286 · ΔE 11.9

Tritanopia

#ca8e90 · ΔE 25.5

Achromatopsia

#afafaf · ΔE 19.4

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

Code

CSS

background-color: #cbab71;

Tailwind (arbitrary value)

bg-[#cbab71]

Related colors

Orange #ffa500

Old Lace #fdf5e6

Wheat #f5deb3

Moccasin #ffe4b5

Floral White #fffaf0

Papaya Whip #ffefd5

Frequently asked questions

#cbab71 (#cbab71) is rgb(203, 171, 113) in RGB.

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

Generate a palette → Check contrast