#535E64Lava Rock (#535E64) is a grey neutral with an OKLCH hue of 232°, lightness 0.47 and chroma 0.017. In practice it behaves as a mid-weight working color for secondary surfaces and editorial blocks.
| HEX | #535E64 |
|---|---|
| RGB | rgb(83, 94, 100) |
| HSL | hsl(201, 9%, 36%) |
| HSV | hsv(201, 17%, 39%) |
| CMYK | cmyk(17%, 6%, 0%, 61%) |
| CIE Lab | lab(39.2 -2.8 -4.9) |
| OKLCH | oklch(0.475 0.017 232) |
Under warm 2700K interior light Lava Rock shifts only faintly, with no single dominant change; in north-facing or shaded light it is virtually unchanged. Overall drift across common illuminants is small (max ΔE ≈ 1.2), so it is a lighting-stable choice.
#585c5d — ΔE 1.2, shifts only faintly, with no single dominant change#575e62 — ΔE 0.6, is virtually unchanged#535e64 — ΔE 0.0, is virtually unchanged#535e65 — ΔE 0.2, is virtually unchangedTest Lava Rock 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 6.66:1 and against black 3.15:1, so white text is the stronger pairing. That pairing passes WCAG AA for body text.
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.
#a8b1b6 · #818b91 · #535e64 · #3b454a · #1d252a · #04090d
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.
#52898c · #3a7786 · #535e64 · #2a4f6f · #2a3b5d · #272949
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.
#b2b3d0 · #9091c4 · #75768f · #535e64 · #15475d · #002c3e
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.
#cd9a7b · #6f7e87 · #535e64 · #274250 · #0d2632 · #010c13
The anchor as the only color in the room. True neutrals or complement-warmed near-neutrals let it stay dominant.
#f8f0eb · #a9b4ba · #7a7471 · #535e64 · #3a464c · #040201
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.
#eef3f5 · #c5cacd · #535e64 · #1e252a · #010508 · #f18740
The opposite hue on the perceptual wheel, tempered to field strength — warm/cool tension without vibration.
#ffeee4 · #d2a88f · #99694c · #535e64 · #5e3922 · #00050c
The complement's two neighbours instead of the complement itself — strong contrast with a lower clash risk.
#ffeee4 · #d6a3a1 · #8c7140 · #535e64 · #613534 · #0d0500
Three hues spaced evenly around the wheel; the anchor leads and the other two are held at supporting strength.
#ffecf3 · #d1a3b6 · #777a45 · #535e64 · #45471b · #040001
Two complementary pairs offset by 90° — the richest chord, kept usable by a strict lightness hierarchy.
#f9edfb · #c4a6c9 · #99694c · #535e64 · #2f4c2c · #0f0200
#6B757B · #858E93 · #9FA7AB · #BAC0C4 · #D6DBDD
#444E53 · #363F43 · #283034 · #1B2225 · #0F1417
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.