#FFE4B5Moccasin (#FFE4B5) is a very light, muted yellow with an OKLCH hue of 81°, lightness 0.93 and chroma 0.068. 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.
| HEX | #FFE4B5 |
|---|---|
| RGB | rgb(255, 228, 181) |
| HSL | hsl(38, 100%, 85%) |
| HSV | hsv(38, 29%, 100%) |
| CMYK | cmyk(0%, 11%, 29%, 0%) |
| CIE Lab | lab(91.7 2.4 26.4) |
| OKLCH | oklch(0.930 0.068 81) |
Under warm 2700K interior light Moccasin shifts subtly: drifts toward orange; 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.
#ffdea8 — ΔE 1.8, shifts subtly: drifts toward orange#ffe5b1 — ΔE 0.6, shifts subtly: leans toward yellow-green#ffe4b5 — ΔE 0.0, is virtually unchanged#ffe5b8 — ΔE 0.4, is virtually unchangedAgainst white it measures 1.23:1 and against black 17.02:1, so black text is the stronger pairing. That pairing passes WCAG AA for body text. Avoid white text on this color entirely.
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.
#ffe4b5 · #dfc69a · #b59f78 · #8d7a57 · #675638 · #44361b
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.
#ffe4b5 · #f6cba3 · #e6b49a · #d49f93 · #bf8c8d · #a87b87
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.
#ffe4b5 · #9ead95 · #9d855c · #5a7548 · #604c27 · #2d3a24
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.
#ffe4b5 · #cbc3b4 · #af9f85 · #5b74a0 · #4c402b · #2d2517
The anchor as the only color in the room. True neutrals or complement-warmed near-neutrals let it stay dominant.
#ffe4b5 · #c7cbd1 · #928d84 · #53555a · #272219 · #010103
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.
#ffe4b5 · #ada089 · #57482b · #3b2b0b · #150b00 · #f1ba4d
The opposite hue on the perceptual wheel, tempered to field strength — warm/cool tension without vibration.
#ffe4b5 · #bfdec2 · #88a774 · #8a28e6 · #293760 · #1d061a
The complement's two neighbours instead of the complement itself — strong contrast with a lower clash risk.
#ffe4b5 · #c2cbda · #6895ac · #564d7c · #002738 · #010007
Three hues spaced evenly around the wheel; the anchor leads and the other two are held at supporting strength.
#ffe4b5 · #bacfd0 · #60999d · #68476e · #301735 · #000203
Two complementary pairs offset by 90° — the richest chord, kept usable by a strict lightness hierarchy.
#ffe4b5 · #bdcfc8 · #679a89 · #3d557f · #391426 · #000007
#FFE7BE · #FEE9C6 · #FDECCE · #FDEFD7 · #FCF2DF
#D1B98F · #A5906B · #7B6949 · #544428 · #2F230A
#FAE5C0 · #F5E6CB · #F0E7D6
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.