Moonbeam #C2B8AE

Moonbeam (#C2B8AE) is a grey neutral with an OKLCH hue of 68°, lightness 0.79 and chroma 0.018. In practice it behaves as a mid-weight working color for secondary surfaces and editorial blocks.

Color values

HEX#C2B8AE
RGBrgb(194, 184, 174)
HSLhsl(30, 14%, 72%)
HSVhsv(30, 10%, 76%)
CMYKcmyk(0%, 5%, 10%, 24%)
CIE Lablab(75.3 1.8 6.3)
OKLCHoklch(0.788 0.018 68)

How Moonbeam behaves under real light

Under warm 2700K interior light Moonbeam shifts subtly: takes on a orange cast, gains intensity; in north-facing or shaded light it is virtually unchanged. Overall drift across common illuminants is small (max ΔE ≈ 1.8), so it is a lighting-stable choice.

Test Moonbeam 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.95:1 and against black 10.76: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 Moonbeam

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.

#f9f0e7 · #c2b8ae · #aaa097 · #837b73 · #5f5851 · #3d3731

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.

#e8e1b4 · #e1c99b · #c2b8ae · #cb9b7f · #b8877a · #a37574

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.

#c2b8ae · #989e85 · #967653 · #5b6633 · #5a3e1f · #282e16

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.

#e8dbce · #c2b8ae · #729cc4 · #67533f · #473625 · #271c11

Quiet Support

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

#ecf3f9 · #c2b8ae · #a49c94 · #5c6064 · #2d261e · #010204

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.

#f5f1ed · #c2b8ae · #4a443e · #2d2721 · #0b0603 · #f3a548

Complementary

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

#e8f3ff · #c2b8ae · #80a2c2 · #3a6387 · #072944 · #120500

Split-complementary

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

#e8f3ff · #c2b8ae · #72a7b7 · #555b89 · #002d37 · #010007

Triadic

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

#e2f7f4 · #c2b8ae · #72aaa4 · #6b5380 · #301d3f · #000202

Tetradic

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

#e6f7ec · #c2b8ae · #7faa8f · #3a6387 · #3a1932 · #000410

Tints, shades & muted variants

Tints

#CBC2B9 · #D4CCC4 · #DCD6CF · #E5E0DB · #EEEAE6

Shades

#9F968D · #7D756E · #5D5650 · #3F3933 · #231E1A

Using Moonbeam

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