#218BA0Waikiki (#218BA0) is a mid-tone, soft sky blue with an OKLCH hue of 215°, lightness 0.59 and chroma 0.095. 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 | #218BA0 |
|---|---|
| RGB | rgb(33, 139, 160) |
| HSL | hsl(190, 66%, 38%) |
| HSV | hsv(190, 79%, 63%) |
| CMYK | cmyk(79%, 13%, 0%, 37%) |
| CIE Lab | lab(53.3 -21.5 -19.5) |
| OKLCH | oklch(0.589 0.095 215) |
Under warm 2700K interior light Waikiki shifts subtly: leans toward blue-green, loses intensity; in north-facing or shaded light it is virtually unchanged. Overall drift across common illuminants is small (max ΔE ≈ 1.8), so it is a lighting-stable choice.
#388896 — ΔE 1.8, shifts subtly: leans toward blue-green, loses intensity#2f8c9d — ΔE 0.9, shifts subtly: leans toward blue-green#218ba0 — ΔE 0.0, is virtually unchanged#1e8ca2 — ΔE 0.4, is virtually unchangedTest Waikiki 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.99:1 and against black 5.27: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.
#9de1f1 · #6bbacd · #218ba0 · #006f81 · #004956 · #00272f
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.
#69b1a5 · #459fa2 · #218ba0 · #297495 · #315e86 · #344972
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.
#9eb9f8 · #8d9bb9 · #218ba0 · #136b7d · #004e5c · #1f2a45
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.
#cceaf2 · #9acad6 · #8ba3a9 · #218ba0 · #8b4737 · #1d464f
The anchor as the only color in the room. True neutrals or complement-warmed near-neutrals let it stay dominant.
#fbefec · #8b9b9f · #218ba0 · #69615f · #1b2c30 · #040101
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.
#fceeeb · #d5c6c2 · #ab9995 · #34201b · #110201 · #218ba0
The opposite hue on the perceptual wheel, tempered to field strength — warm/cool tension without vibration.
#d4d8b2 · #f1912f · #218ba0 · #4b649e · #503137 · #051311
The complement's two neighbours instead of the complement itself — strong contrast with a lower clash risk.
#ffede9 · #c18492 · #218ba0 · #88561f · #471324 · #190800
Three hues spaced evenly around the wheel; the anchor leads and the other two are held at supporting strength.
#ffebfa · #b686ab · #218ba0 · #746212 · #322800 · #040003
Two complementary pairs offset by 90° — the richest chord, kept usable by a strict lightness hierarchy.
#f5eeff · #a38cbe · #218ba0 · #914d3d · #212e00 · #060000
#4B9DB0 · #6CAFC0 · #8AC2D0 · #A7D4E0 · #C5E7F0
#097386 · #005C6C · #004552 · #003039 · #001C22
#418899 · #568691 · #66838A
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.