#384B6BNaval Blue (#384B6B) is a dark, muted blue with an OKLCH hue of 261°, lightness 0.41 and chroma 0.059. It sits on the cool side of the color wheel. In practice it behaves as a mid-weight working color for secondary surfaces and editorial blocks.
| HEX | #384B6B |
|---|---|
| RGB | rgb(56, 75, 107) |
| HSL | hsl(218, 31%, 32%) |
| HSV | hsv(218, 48%, 42%) |
| CMYK | cmyk(48%, 30%, 0%, 58%) |
| CIE Lab | lab(31.7 2.2 -20.9) |
| OKLCH | oklch(0.411 0.059 261) |
Under warm 2700K interior light Naval Blue shifts subtly: leans toward purple; in north-facing or shaded light it is virtually unchanged. Overall drift across common illuminants is small (max ΔE ≈ 1.3), so it is a lighting-stable choice.
#3d4964 — ΔE 1.3, shifts subtly: leans toward purple#3c4c69 — ΔE 0.8, is virtually unchanged#384b6b — ΔE 0.0, is virtually unchanged#384b6d — ΔE 0.3, is virtually unchangedTest Naval Blue 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 8.8:1 and against black 2.39: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.
#8c9db8 · #657795 · #384b6b · #22334f · #07142c · #00000c
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.
#467387 · #395f7e · #384b6b · #32375f · #2d2548 · #251432
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.
#ab9bb5 · #9377a4 · #6e6076 · #384b6b · #1d3051 · #071734
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.
#dec08d · #7d8aa1 · #626a77 · #384b6b · #222e43 · #0d1420
The anchor as the only color in the room. True neutrals or complement-warmed near-neutrals let it stay dominant.
#f5f1ea · #a3a8b2 · #66635e · #384b6b · #2e333d · #020100
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.
#ebf2ff · #bfc9db · #384b6b · #152239 · #000215 · #f2b94d
The opposite hue on the perceptual wheel, tempered to field strength — warm/cool tension without vibration.
#cae2c2 · #bebe75 · #9d86ab · #586f52 · #384b6b · #051319
The complement's two neighbours instead of the complement itself — strong contrast with a lower clash risk.
#faf1e1 · #c89e86 · #666832 · #384b6b · #4d2812 · #020200
Three hues spaced evenly around the wheel; the anchor leads and the other two are held at supporting strength.
#ffedec · #cb9998 · #4c6e45 · #384b6b · #203b1b · #050000
Two complementary pairs offset by 90° — the richest chord, kept usable by a strict lightness hierarchy.
#ffecf4 · #c699ad · #7a5f2e · #384b6b · #003d2e · #110700
#536583 · #70809B · #8E9CB4 · #AEB9CD · #CED7E7
#2D3E5B · #23324C · #19273D · #101B2F · #071121
#3C4B64 · #404B5E · #444B57
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.