#C5A582Latte (#C5A582) is a light, muted orange with an OKLCH hue of 69°, lightness 0.74 and chroma 0.061. 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 | #C5A582 |
|---|---|
| RGB | rgb(197, 165, 130) |
| HSL | hsl(31, 37%, 64%) |
| HSV | hsv(31, 34%, 77%) |
| CMYK | cmyk(0%, 16%, 34%, 23%) |
| CIE Lab | lab(69.7 6.7 22.5) |
| OKLCH | oklch(0.742 0.061 69) |
Under warm 2700K interior light Latte shifts subtly: leans toward red; in north-facing or shaded light it is virtually unchanged. Overall drift across common illuminants is small (max ΔE ≈ 1.5), so it is a lighting-stable choice.
#caa078 — ΔE 1.5, shifts subtly: leans toward red#cba57f — ΔE 1.0, shifts subtly: leans toward red#c5a582 — ΔE 0.0, is virtually unchanged#c5a684 — ΔE 0.3, is virtually unchangedTest Latte in the color lighting simulator — sweep it through daylight, warm 2700K light, 4000K LED, and shade alongside the rest of your palette.
Against white it measures 2.31:1 and against black 9.08: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.
#ffefde · #e2c3a3 · #c5a582 · #937759 · #6c5439 · #48331c
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.
#d9d3a7 · #d2bc8d · #c5a582 · #bc8d71 · #a9796b · #956766
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.
#c5a582 · #899177 · #886946 · #4d5927 · #4c3211 · #1d230b
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.
#d8ccbf · #c5a582 · #668eb6 · #796550 · #584735 · #372c20
The anchor as the only color in the room. True neutrals or complement-warmed near-neutrals let it stay dominant.
#edf3f9 · #c5a582 · #968e86 · #53575b · #29221a · #010204
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.
#fcefe2 · #d9cabb · #c5a582 · #432f18 · #200f00 · #f3a748
The opposite hue on the perceptual wheel, tempered to field strength — warm/cool tension without vibration.
#d0d5b0 · #c5a582 · #a87d7f · #1f778d · #2b3351 · #04100e
The complement's two neighbours instead of the complement itself — strong contrast with a lower clash risk.
#e8f3ff · #c5a582 · #6599a9 · #4e5280 · #002833 · #010007
Three hues spaced evenly around the wheel; the anchor leads and the other two are held at supporting strength.
#e2f7f5 · #c5a582 · #639c97 · #634a76 · #2c193a · #000202
Two complementary pairs offset by 90° — the richest chord, kept usable by a strict lightness hierarchy.
#e6f7ec · #c5a582 · #709b83 · #33597f · #37152d · #00020b
#CEB293 · #D8BFA4 · #E1CCB5 · #EAD9C6 · #F4E6D8
#A38667 · #82694D · #634D35 · #45321D · #291A08
#C0A78B · #BAA894 · #B5A99D
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.