#6677BBFlood (#6677BB) is a mid-tone, soft blue with an OKLCH hue of 272°, lightness 0.59 and chroma 0.106. 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 | #6677BB |
|---|---|
| RGB | rgb(102, 119, 187) |
| HSL | hsl(228, 38%, 57%) |
| HSV | hsv(228, 45%, 73%) |
| CMYK | cmyk(45%, 36%, 0%, 27%) |
| CIE Lab | lab(51.4 12 -37.8) |
| OKLCH | oklch(0.585 0.106 272) |
Under warm 2700K interior light Flood 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 ≈ 1.8), so it is a lighting-stable choice.
#6d75b0 — ΔE 1.8, shifts subtly: leans toward purple, loses intensity#6b78b8 — ΔE 0.9, shifts subtly: leans toward purple#6677bb — ΔE 0.0, is virtually unchanged#6677bd — ΔE 0.3, is virtually unchangedTest Flood 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 4.27:1 and against black 4.92: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.
#c3d1ff · #97a8e6 · #6677bb · #4e5c9a · #2f3a70 · #141a49
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.
#6fa7cf · #6790c7 · #6677bb · #6860a0 · #654c83 · #5d3965
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.
#dba2e0 · #ab8fad · #6677bb · #4d5b92 · #344071 · #381f3a
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.
#ddc270 · #969cb1 · #6677bb · #515a7e · #353d5b · #1d2235
The anchor as the only color in the room. True neutrals or complement-warmed near-neutrals let it stay dominant.
#f5f2e7 · #9296a4 · #6677bb · #64625b · #242835 · #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.
#f5f2e6 · #cfcbbd · #a5a091 · #312b18 · #0f0900 · #6677bb
The opposite hue on the perceptual wheel, tempered to field strength — warm/cool tension without vibration.
#d7d9b4 · #d7a26b · #6677bb · #6458a2 · #4e312b · #120522
The complement's two neighbours instead of the complement itself — strong contrast with a lower clash risk.
#f9f2da · #bd8b5f · #6677bb · #586b1a · #3f1f00 · #010200
Three hues spaced evenly around the wheel; the anchor leads and the other two are held at supporting strength.
#ffede9 · #c68376 · #6677bb · #287343 · #003214 · #070000
Two complementary pairs offset by 90° — the richest chord, kept usable by a strict lightness hierarchy.
#ffecf0 · #c38193 · #6677bb · #775f00 · #00302a · #080400
#7B8BC8 · #91A0D6 · #A7B5E3 · #BECAF0 · #D6DFFD
#52619E · #404C82 · #2E3867 · #1D254E · #0E1335
#6A79AE · #6F7AA1 · #747B93
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.