#3F4250Madonna (#3F4250) is a grey neutral with an OKLCH hue of 276°, lightness 0.38 and chroma 0.024. In practice it behaves as a mid-weight working color for secondary surfaces and editorial blocks.
| HEX | #3F4250 |
|---|---|
| RGB | rgb(63, 66, 80) |
| HSL | hsl(229, 12%, 28%) |
| HSV | hsv(229, 21%, 31%) |
| CMYK | cmyk(21%, 18%, 0%, 69%) |
| CIE Lab | lab(28.2 2.2 -8.8) |
| OKLCH | oklch(0.382 0.024 276) |
Under warm 2700K interior light Madonna shifts subtly: takes on a purple cast; 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.
#42404a — ΔE 1.1, shifts subtly: takes on a purple cast#42424e — ΔE 0.6, shifts subtly: takes on a purple cast#3f4250 — ΔE 0.0, is virtually unchanged#3f4251 — ΔE 0.2, is virtually unchangedTest Madonna 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 9.97:1 and against black 2.11: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.
#9699a5 · #717481 · #3f4250 · #2e303d · #11131d · #010103
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.
#466883 · #3d5378 · #3f4250 · #342c54 · #2d1b3c · #230b25
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.
#c7afc6 · #8e96be · #936b92 · #6a5769 · #3f4250 · #212648
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.
#d3c48c · #7a7f98 · #5d606e · #3f4250 · #21253b · #0a0d19
The anchor as the only color in the room. True neutrals or complement-warmed near-neutrals let it stay dominant.
#f4f2ea · #a0a3ad · #5d5b56 · #3f4250 · #292b35 · #010100
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.
#f0f1f8 · #c7c8d0 · #3f4250 · #20222c · #020309 · #dfc34d
The opposite hue on the perceptual wheel, tempered to field strength — warm/cool tension without vibration.
#f6f2e1 · #aea479 · #685b25 · #3f4250 · #352b00 · #010008
The complement's two neighbours instead of the complement itself — strong contrast with a lower clash risk.
#f6f2e1 · #be9c7c · #516332 · #3f4250 · #412401 · #010200
Three hues spaced evenly around the wheel; the anchor leads and the other two are held at supporting strength.
#ffede9 · #c6978a · #356849 · #3f4250 · #08351e · #050000
Two complementary pairs offset by 90° — the richest chord, kept usable by a strict lightness hierarchy.
#ffecf0 · #c5949e · #685b25 · #3f4250 · #00342f · #080400
#5A5D6A · #767985 · #9496A1 · #B3B5BE · #D3D4DB
#343744 · #2A2D38 · #20222C · #171921 · #0E0F17
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.