#e1bc6b

Color #e1bc6b

A moderately saturated light orange.

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

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

Conversions

HEX

#e1bc6b

RGB

rgb(225, 188, 107)

HSL

hsl(41.2, 66.3%, 65.1%)

HSV / HSB

hsv(41.2, 52.4%, 88.2%)

CMYK

cmyk(0%, 16.4%, 52.4%, 11.8%)

LAB

lab(77.9, 3.39, 45.57)

LCH

lch(77.9, 45.7, 85.75)

OKLCH

oklch(81.1%, 0.1087, 85.41)

HWB

hwb(41.2, 42%, 11.8%)

Harmony colors

Complementary

#6b90e1

Analogous

#e1816b

#e1bc6b

#cbe16b

Triadic

#e1bc6b

#6be1bc

#bc6be1

Split-complementary

#e1bc6b

#6bcbe1

#816be1

Tetradic

#e1bc6b

#90e16b

#6b90e1

#bc6be1

Square

#e1bc6b

#6be181

#6b90e1

#e16bcb

Shades

Color #e1bc6b mixed toward black.

#d8a73d

#b88a25

#8a681c

#5c4513

#2e2309

Tints

Color #e1bc6b mixed toward white.

#e6c784

#ebd29c

#f0deb5

#f5e9ce

#faf4e6

Tones

Color #e1bc6b mixed toward gray.

#d7b875

#cdb57f

#c4b189

#baad92

#b0aa9c

Accessibility

Aa White text on this color

1.81:1

Aa Black text on this color

11.61:1

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

Under color vision deficiencies

Protanopia

#d2d285 · ΔE 11.5

Deuteranopia

#d4d78a · ΔE 12.7

Tritanopia

#df9598 · ΔE 31.1

Achromatopsia

#c1c1c1 · ΔE 22.5

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

Code

CSS

background-color: #e1bc6b;

Tailwind (arbitrary value)

bg-[#e1bc6b]

Related colors

Floral White #fffaf0

Dark Goldenrod #b8860b

Goldenrod #daa520

Old Lace #fdf5e6

Wheat #f5deb3

Orange #ffa500

Frequently asked questions

#e1bc6b (#e1bc6b) is rgb(225, 188, 107) in RGB.

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

Generate a palette → Check contrast