#3473B7Campanula (#3473B7) is a mid-tone, soft blue with an OKLCH hue of 253°, lightness 0.55 and chroma 0.125. 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 | #3473B7 |
|---|---|
| RGB | rgb(52, 115, 183) |
| HSL | hsl(211, 56%, 46%) |
| HSV | hsv(211, 72%, 72%) |
| CMYK | cmyk(72%, 37%, 0%, 28%) |
| CIE Lab | lab(47.5 2.9 -41.8) |
| OKLCH | oklch(0.548 0.125 253) |
Under warm 2700K interior light Campanula 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), so it is a lighting-stable choice.
#4271ac — ΔE 2.0, shifts subtly: leans toward purple, loses intensity#3c74b4 — ΔE 0.9, is virtually unchanged#3473b7 — ΔE 0.0, is virtually unchanged#3373b9 — ΔE 0.3, is virtually unchangedTest Campanula 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.9:1 and against black 4.28:1, so white 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.
#9dcbff · #6da3e1 · #3473b7 · #1b5896 · #003668 · #001735
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.
#43a2be · #328cbc · #3473b7 · #455ba1 · #4a4586 · #48316a
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.
#bf98ed · #9785ae · #3473b7 · #22568d · #063a6c · #29173b
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.
#eeb05c · #8293a8 · #3473b7 · #355477 · #1c3654 · #0a1b2e
The anchor as the only color in the room. True neutrals or complement-warmed near-neutrals let it stay dominant.
#f9f0e5 · #818d9b · #3473b7 · #5c564f · #192532 · #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.
#f9f0e7 · #d4cbbf · #aba194 · #3b2e1f · #190d00 · #3473b7
The opposite hue on the perceptual wheel, tempered to field strength — warm/cool tension without vibration.
#ffefdc · #b08141 · #3473b7 · #784d00 · #341e00 · #000519
The complement's two neighbours instead of the complement itself — strong contrast with a lower clash risk.
#ffefdc · #be775a · #3473b7 · #625900 · #421200 · #050300
Three hues spaced evenly around the wheel; the anchor leads and the other two are held at supporting strength.
#ffedee · #c0717b · #3473b7 · #3b6507 · #142b00 · #150002
Two complementary pairs offset by 90° — the richest chord, kept usable by a strict lightness hierarchy.
#ffebf6 · #b5729c · #3473b7 · #784d00 · #002c1b · #120600
#5289C6 · #6F9ED4 · #8CB4E3 · #A9CAF1 · #C7E1FF
#255F9C · #164B81 · #063867 · #00264E · #001632
#4474A9 · #52739A · #5E738B
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.