#4C5356Trout (#4C5356) is a grey neutral with an OKLCH hue of 225°, lightness 0.44 and chroma 0.01. In practice it behaves as a mid-weight working color for secondary surfaces and editorial blocks.
| HEX | #4C5356 |
|---|---|
| RGB | rgb(76, 83, 86) |
| HSL | hsl(198, 6%, 32%) |
| HSV | hsv(198, 12%, 34%) |
| CMYK | cmyk(12%, 3%, 0%, 66%) |
| CIE Lab | lab(34.8 -2.1 -2.7) |
| OKLCH | oklch(0.437 0.010 225) |
Under warm 2700K interior light Trout 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.1), so it is a lighting-stable choice.
#505150 — ΔE 1.1, shifts only faintly, with no single dominant change#4f5354 — ΔE 0.5, is virtually unchanged#4c5356 — ΔE 0.0, is virtually unchanged#4c5357 — ΔE 0.2, is virtually unchangedTest Trout 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 7.84:1 and against black 2.68:1, so white text is the stronger pairing. That pairing passes WCAG AA for body text. Avoid black 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.
#9fa5a7 · #797f82 · #4c5356 · #343a3d · #171c1e · #020304
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.
#487f7d · #2c6d77 · #4c5356 · #1a4663 · #1c3252 · #1a203f
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.
#a3a8c4 · #8087b9 · #686c84 · #4c5356 · #003e50 · #00232f
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.
#c89179 · #63747b · #4c5356 · #1b3945 · #031d27 · #00050a
The anchor as the only color in the room. True neutrals or complement-warmed near-neutrals let it stay dominant.
#f8f0ec · #a2aeb3 · #6f6a67 · #4c5356 · #303c41 · #030100
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.
#eff2f4 · #c8cbcd · #4c5356 · #262b2d · #060a0c · #f07a3e
The opposite hue on the perceptual wheel, tempered to field strength — warm/cool tension without vibration.
#ffeee6 · #cda18d · #8f5d46 · #4c5356 · #552e1c · #00050b
The complement's two neighbours instead of the complement itself — strong contrast with a lower clash risk.
#ffeee6 · #cf9d9f · #846536 · #4c5356 · #562b2f · #130700
Three hues spaced evenly around the wheel; the anchor leads and the other two are held at supporting strength.
#feecf5 · #c99db4 · #716d37 · #4c5356 · #3f3b0e · #040002
Two complementary pairs offset by 90° — the richest chord, kept usable by a strict lightness hierarchy.
#f8eefc · #bba1c6 · #8f5d46 · #4c5356 · #2b411e · #0c0100
#656C6F · #808688 · #9BA0A3 · #B8BCBE · #D5D8DA
#3F4548 · #32383A · #262B2D · #1A1E20 · #0F1214
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.