#315B7DDark Blue (#315B7D) is a dark, soft sky blue with an OKLCH hue of 245°, lightness 0.46 and chroma 0.073. 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 | #315B7D |
|---|---|
| RGB | rgb(49, 91, 125) |
| HSL | hsl(207, 44%, 34%) |
| HSV | hsv(207, 61%, 49%) |
| CMYK | cmyk(61%, 27%, 0%, 51%) |
| CIE Lab | lab(37.1 -3.7 -23.6) |
| OKLCH | oklch(0.456 0.073 245) |
Under warm 2700K interior light Dark Blue shifts subtly: drifts toward blue; in north-facing or shaded light it shifts subtly: drifts toward blue. Overall drift across common illuminants is small (max ΔE ≈ 1.4), so it is a lighting-stable choice.
#395975 — ΔE 1.4, shifts subtly: drifts toward blue#365c7b — ΔE 0.7, is virtually unchanged#315b7d — ΔE 0.0, is virtually unchanged#305b7f — ΔE 0.3, shifts subtly: drifts toward blueTest Dark 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 7.18:1 and against black 2.92: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.
#8eafcc · #6589a9 · #315b7d · #1b4261 · #00223c · #000614
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.
#4e838e · #3b6f86 · #315b7d · #31476c · #2f3358 · #292242
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.
#b2abc8 · #9588ba · #756f87 · #315b7d · #1c3f5b · #03253e
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.
#d8ac83 · #6c7883 · #315b7d · #273c4e · #0e202f · #010710
The anchor as the only color in the room. True neutrals or complement-warmed near-neutrals let it stay dominant.
#f7f0eb · #a7b0b8 · #74706c · #315b7d · #374048 · #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.
#f8f0ea · #d2c9c1 · #a89e95 · #34291e · #120701 · #315b7d
The opposite hue on the perceptual wheel, tempered to field strength — warm/cool tension without vibration.
#d8e6c2 · #dec15f · #756898 · #315b7d · #4b372e · #041013
The complement's two neighbours instead of the complement itself — strong contrast with a lower clash risk.
#fdefe3 · #d2a296 · #7e703b · #315b7d · #5c3227 · #080400
Three hues spaced evenly around the wheel; the anchor leads and the other two are held at supporting strength.
#ffecf0 · #d1a0aa · #677847 · #315b7d · #37441d · #050001
Two complementary pairs offset by 90° — the richest chord, kept usable by a strict lightness hierarchy.
#fcecf8 · #c8a1be · #8f6740 · #315b7d · #204930 · #120500
#4F7392 · #6C8CA8 · #8BA6BE · #AAC1D5 · #CADCEB
#264C6A · #1A3D58 · #102F46 · #062135 · #001425
#3B5A75 · #435A6D · #4B5965
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.