#5A88C8Marina (#5A88C8) is a mid-tone, soft blue with an OKLCH hue of 257°, lightness 0.62 and chroma 0.11. 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 | #5A88C8 |
|---|---|
| RGB | rgb(90, 136, 200) |
| HSL | hsl(215, 50%, 57%) |
| HSV | hsv(215, 55%, 78%) |
| CMYK | cmyk(55%, 32%, 0%, 22%) |
| CIE Lab | lab(56 3.1 -37.9) |
| OKLCH | oklch(0.622 0.110 257) |
Under warm 2700K interior light Marina shifts subtly: leans toward purple, loses intensity; in north-facing or shaded light it is virtually unchanged. Overall drift across common illuminants is small (max ΔE ≈ 2.1), so it is a lighting-stable choice.
#6585bc — ΔE 2.1, shifts subtly: leans toward purple, loses intensity#6189c4 — ΔE 1.1, shifts only faintly, with no single dominant change#5a88c8 — ΔE 0.0, is virtually unchanged#5989cb — ΔE 0.5, is virtually unchangedTest Marina 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 3.63:1 and against black 5.79: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.
#cbe0ff · #90b9f3 · #5a88c8 · #426ca7 · #24497c · #062854
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.
#6cb7d4 · #5da0cf · #5a88c8 · #6170b1 · #625a96 · #5e4679
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.
#af9cc0 · #5a88c8 · #456a9f · #5f3a7a · #11335f · #231230
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.
#e5f0ff · #eab96d · #5a88c8 · #5b687a · #334968 · #1f2c3f
The anchor as the only color in the room. True neutrals or complement-warmed near-neutrals let it stay dominant.
#f8f1e7 · #99a3b0 · #5a88c8 · #706b65 · #242d3a · #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.
#f8f1e6 · #d4cbc0 · #aca295 · #3c3120 · #1b1001 · #5a88c8
The opposite hue on the perceptual wheel, tempered to field strength — warm/cool tension without vibration.
#ffefda · #c19b61 · #5a88c8 · #8f6205 · #3e2800 · #000215
The complement's two neighbours instead of the complement itself — strong contrast with a lower clash risk.
#ffefda · #d09172 · #5a88c8 · #74700d · #4d1c00 · #040300
Three hues spaced evenly around the wheel; the anchor leads and the other two are held at supporting strength.
#ffeded · #d38b8e · #5a88c8 · #4c7b37 · #133600 · #110001
Two complementary pairs offset by 90° — the richest chord, kept usable by a strict lightness hierarchy.
#ffecf5 · #cb8cad · #5a88c8 · #8f6205 · #003626 · #140800
#719AD3 · #88ACDF · #A0BFEA · #B8D1F5 · #D0E4FF
#4670A9 · #33588B · #21416E · #102C52 · #021837
#6488BB · #6E88AD · #78889F
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.