#cfbe89

Color #cfbe89

A moderately saturated light yellow.

Closest named color Tan #d2b48c · ΔE 8.52 Nearest Tailwind class orange-200 #ffd6a7 · ΔE 11

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

Conversions

HEX

#cfbe89

RGB

rgb(207, 190, 137)

HSL

hsl(45.4, 42.2%, 67.5%)

HSV / HSB

hsv(45.4, 33.8%, 81.2%)

CMYK

cmyk(0%, 8.2%, 33.8%, 18.8%)

LAB

lab(77.22, -1.82, 28.99)

LCH

lch(77.22, 29.05, 93.59)

OKLCH

oklch(80.3%, 0.0724, 92.38)

HWB

hwb(45.4, 53.7%, 18.8%)

Harmony colors

Complementary

#899acf

Analogous

#cf9b89

#cfbe89

#bdcf89

Triadic

#cfbe89

#89cfbe

#be89cf

Split-complementary

#cfbe89

#89bdcf

#9b89cf

Tetradic

#cfbe89

#9acf89

#899acf

#be89cf

Square

#cfbe89

#89cf9b

#899acf

#cf89bd

Shades

Color #cfbe89 mixed toward black.

#bfa860

#a38c42

#7a6932

#524621

#292311

Tints

Color #cfbe89 mixed toward white.

#d7c99d

#dfd4b0

#e7dfc4

#efe9d8

#f7f4eb

Tones

Color #cfbe89 mixed toward gray.

#c9bb8f

#c3b895

#beb59b

#b8b2a0

#b2afa6

Accessibility

Aa White text on this color

1.85:1

Aa Black text on this color

11.38:1

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

Under color vision deficiencies

Protanopia

#c8c898 · ΔE 6.1

Deuteranopia

#c9ca9b · ΔE 6.6

Tritanopia

#cea3a5 · ΔE 25.9

Achromatopsia

#bfbfbf · ΔE 17.6

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

Code

CSS

background-color: #cfbe89;

Tailwind (arbitrary value)

bg-[#cfbe89]

Related colors

Goldenrod #daa520

Cornsilk #fff8dc

Dark Goldenrod #b8860b

Gold #ffd700

Floral White #fffaf0

Old Lace #fdf5e6

Frequently asked questions

#cfbe89 (#cfbe89) is rgb(207, 190, 137) in RGB.

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

Generate a palette → Check contrast