#657D82Catfish (#657D82) is a grey neutral with an OKLCH hue of 212°, lightness 0.57 and chroma 0.029. In practice it behaves as a mid-weight working color for secondary surfaces and editorial blocks.
| HEX | #657D82 |
|---|---|
| RGB | rgb(101, 125, 130) |
| HSL | hsl(190, 13%, 45%) |
| HSV | hsv(190, 22%, 51%) |
| CMYK | cmyk(22%, 4%, 0%, 49%) |
| CIE Lab | lab(50.7 -7.5 -5.6) |
| OKLCH | oklch(0.572 0.029 212) |
Under warm 2700K interior light Catfish shifts subtly: takes on a blue-green cast; 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.
#6c7a79 — ΔE 1.5, shifts subtly: takes on a blue-green cast#6a7e7f — ΔE 0.9, shifts subtly: takes on a blue-green cast#657d82 — ΔE 0.0, is virtually unchanged#657e84 — ΔE 0.4, is virtually unchangedTest Catfish 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 4.37:1 and against black 4.81:1, so black 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.
#bfd3d7 · #96acb0 · #657d82 · #4c6267 · #2d4044 · #102024
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.
#73a89d · #569797 · #657d82 · #376f86 · #355a77 · #334665
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.
#9db5e6 · #8a96ae · #657d82 · #296570 · #0c4953 · #1d273b
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.
#cce4e9 · #9ec3cb · #8a9da1 · #657d82 · #7d483e · #224146
The anchor as the only color in the room. True neutrals or complement-warmed near-neutrals let it stay dominant.
#f9efed · #899698 · #657d82 · #635d5b · #1d292c · #020101
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.
#eaf4f6 · #c1cccf · #657d82 · #19292d · #00080b · #e6563e
The same quiet ground carrying one bright gold voice — the high-energy pairing a cool or muted anchor cannot reach through its own temperature.
#eaf4f6 · #c1cccf · #657d82 · #19292d · #00080b · #edbd4d
The opposite hue on the perceptual wheel, tempered to field strength — warm/cool tension without vibration.
#ffedea · #b5867c · #657d82 · #834e43 · #411912 · #000305
The complement's two neighbours instead of the complement itself — strong contrast with a lower clash risk.
#ffedea · #b38490 · #657d82 · #7d542f · #3f1724 · #110400
Three hues spaced evenly around the wheel; the anchor leads and the other two are held at supporting strength.
#fbedf9 · #a986a4 · #657d82 · #6e5d28 · #312500 · #030003
Two complementary pairs offset by 90° — the richest chord, kept usable by a strict lightness hierarchy.
#f4efff · #998bb2 · #657d82 · #834e43 · #222b01 · #050000
#7B9095 · #91A4A8 · #A8B8BB · #BFCDCF · #D7E1E4
#52676C · #3F5256 · #2D3E42 · #1D2B2E · #0D191C
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.