Beige #E6DAA6

Beige (#E6DAA6) is a very light, muted yellow with an OKLCH hue of 97°, lightness 0.89 and chroma 0.069. It sits on the warm side of the color wheel. In practice it behaves as a mid-weight working color for secondary surfaces and editorial blocks.

Color values

HEX#E6DAA6
RGBrgb(230, 218, 166)
HSLhsl(49, 56%, 78%)
HSVhsv(49, 28%, 90%)
CMYKcmyk(0%, 5%, 28%, 10%)
CIE Lablab(86.9 -3.8 27.1)
OKLCHoklch(0.885 0.069 97)

How Beige behaves under real light

Under warm 2700K interior light Beige shifts subtly: leans toward orange; in north-facing or shaded light it is virtually unchanged. Overall drift across common illuminants is small (max ΔE ≈ 1.9), so it is a lighting-stable choice.

Test Beige in the color lighting simulator — sweep it through daylight, warm 2700K light, 4000K LED, and shade alongside the rest of your palette.

Contrast & accessibility

Against white it measures 1.41:1 and against black 14.94:1, so black text is the stronger pairing. That pairing passes WCAG AA for body text. Avoid white text on this color entirely.

Colors that go with Beige

Tonal

One color explored: close hues with real lightness and chroma structure, so the palette is the anchor through value rather than a set of colors.

#fef3c1 · #e6daa6 · #ada376 · #867d55 · #615936 · #3f3819

Analogous

The anchor's neighbours on the wheel — everything shares an undertone, so the chord carries color without anything having to be muted to get along.

#e6daa6 · #dec291 · #d2aa85 · #c2947d · #b08076 · #9c6e70

Shifted

The mid-gap pairing — sage and mustard, terracotta and olive. A foil rotated 40–65° toward warm or cool: too far to be kin, too near to argue, carried by temperature and a deliberate value offset.

#e6daa6 · #a9c0ac · #a59a6d · #5c8863 · #695f36 · #344a38

Contrast

One deliberately opposed voice — a single restrained counterpoint across the wheel, or temperature against temperature where the anchor is too muted to carry a loud opposite.

#e6daa6 · #bab6a6 · #9b9478 · #525988 · #3c3720 · #1f1c0d

Quiet Support

The anchor as the only color in the room. True neutrals or complement-warmed near-neutrals let it stay dominant.

#e6daa6 · #babcc3 · #86847a · #4e4f54 · #232016 · #010102

Bright Accent

This color as a ground rather than a subject — its own restraint held across a narrow value band, carrying one saturated voice from the opposite temperature.

#e6daa6 · #a6a087 · #4f4828 · #332b06 · #0e0900 · #dec44d

Complementary

The opposite hue on the perceptual wheel, tempered to field strength — warm/cool tension without vibration.

#e6fcda · #e6daa6 · #a4d0a4 · #605cab · #34446f · #1b0620

Split-complementary

The complement's two neighbours instead of the complement itself — strong contrast with a lower clash risk.

#e6daa6 · #b8bbcb · #6688a6 · #5a446f · #00223c · #020005

Triadic

Three hues spaced evenly around the wheel; the anchor leads and the other two are held at supporting strength.

#e6daa6 · #adc0c6 · #588d9b · #693e5e · #32122b · #000407

Tetradic

Two complementary pairs offset by 90° — the richest chord, kept usable by a strict lightness hierarchy.

#e6daa6 · #adc1be · #589089 · #454b78 · #38111b · #010008

Tints, shades & muted variants

Tints

#E9DFB1 · #ECE3BC · #EFE8C7 · #F2ECD2 · #F5F1DC

Shades

#BCB283 · #948B62 · #6E6642 · #4A4324 · #292308

Muted

#E3DAB1 · #E0DABD · #DEDAC7

Using Beige

Its moderate chroma lets it work in mid-size areas — upholstery, secondary UI surfaces, editorial blocks — without overwhelming neighbors. In palettes it pairs most predictably with its tonal ramp and analogous neighbors; reserve the complementary hue for small, deliberate contrast.

Similar colors