#d1c488

Color #d1c488

A moderately saturated light yellow.

Closest named color Dark Khaki #bdb76b · ΔE 10.34 Nearest Tailwind class amber-200 #fee685 · ΔE 10.4

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

Conversions

HEX

#d1c488

RGB

rgb(209, 196, 136)

HSL

hsl(49.3, 44.2%, 67.6%)

HSV / HSB

hsv(49.3, 34.9%, 82%)

CMYK

cmyk(0%, 6.2%, 34.9%, 18%)

LAB

lab(78.93, -4.29, 31.81)

LCH

lch(78.93, 32.1, 97.68)

OKLCH

oklch(81.7%, 0.0796, 97.44)

HWB

hwb(49.3, 53.3%, 18%)

Harmony colors

Complementary

#8895d1

Analogous

#d19f88

#d1c488

#b9d188

Triadic

#d1c488

#88d1c4

#c488d1

Split-complementary

#d1c488

#88b9d1

#9f88d1

Tetradic

#d1c488

#95d188

#8895d1

#c488d1

Square

#d1c488

#88d19f

#8895d1

#d188b9

Shades

Color #d1c488 mixed toward black.

#c1af5e

#a69440

#7c6f30

#534a20

#292510

Tints

Color #d1c488 mixed toward white.

#d9ce9c

#e0d8b0

#e8e1c3

#f0ebd7

#f7f5eb

Tones

Color #d1c488 mixed toward gray.

#cbc08e

#c5bc94

#bfb89a

#b9b4a0

#b2b0a6

Accessibility

Aa White text on this color

1.76:1

Aa Black text on this color

11.96:1

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

Under color vision deficiencies

Protanopia

#cccb99 · ΔE 4.6

Deuteranopia

#cccd9d · ΔE 5.5

Tritanopia

#d0a5a8 · ΔE 28.4

Achromatopsia

#c3c3c3 · ΔE 18.7

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

Code

CSS

background-color: #d1c488;

Tailwind (arbitrary value)

bg-[#d1c488]

Related colors

Cornsilk #fff8dc

Gold #ffd700

Khaki #f0e68c

Lemon Chiffon #fffacd

Pale Goldenrod #eee8aa

Dark Khaki #bdb76b

Frequently asked questions

#d1c488 (#d1c488) is rgb(209, 196, 136) in RGB.

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

Generate a palette → Check contrast