#333C76Good Karma (#333C76) is a dark, soft blue with an OKLCH hue of 274°, lightness 0.38 and chroma 0.099. 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 | #333C76 |
|---|---|
| RGB | rgb(51, 60, 118) |
| HSL | hsl(232, 40%, 33%) |
| HSV | hsv(232, 57%, 46%) |
| CMYK | cmyk(57%, 49%, 0%, 54%) |
| CIE Lab | lab(27.4 14.7 -34.5) |
| OKLCH | oklch(0.380 0.099 274) |
Under warm 2700K interior light Good Karma shifts subtly: leans toward purple; in north-facing or shaded light it is virtually unchanged. Overall drift across common illuminants is small (max ΔE ≈ 1.3), so it is a lighting-stable choice.
#373b6f — ΔE 1.3, shifts subtly: leans toward purple#363d74 — ΔE 0.7, shifts subtly: leans toward purple#333c76 — ΔE 0.0, is virtually unchanged#333c78 — ΔE 0.3, is virtually unchangedTest Good Karma 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 10.25:1 and against black 2.05: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.
#8c97c7 · #6671a6 · #333c76 · #232a60 · #0a0a3a · #010011
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.
#38688b · #335382 · #333c76 · #33285d · #2e1643 · #25062a
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.
#caacca · #8995c9 · #986599 · #6c546d · #333c76 · #1d2351
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.
#d9c378 · #777e9e · #5b5f72 · #333c76 · #1e2441 · #090c1c
The anchor as the only color in the room. True neutrals or complement-warmed near-neutrals let it stay dominant.
#f5f2e8 · #9fa2b0 · #5d5b54 · #333c76 · #272b37 · #010100
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 · #cfcbbe · #a5a192 · #322d1a · #110b00 · #333c76
The opposite hue on the perceptual wheel, tempered to field strength — warm/cool tension without vibration.
#afded7 · #9db672 · #987d9e · #455c43 · #333c76 · #030f1a
The complement's two neighbours instead of the complement itself — strong contrast with a lower clash risk.
#f8f2dc · #c6996e · #4f641d · #333c76 · #422300 · #010200
Three hues spaced evenly around the wheel; the anchor leads and the other two are held at supporting strength.
#ffede9 · #cf9182 · #226b40 · #333c76 · #003619 · #070000
Two complementary pairs offset by 90° — the richest chord, kept usable by a strict lightness hierarchy.
#ffecf0 · #ce8e9d · #6d5900 · #333c76 · #00342e · #0a0500
#4E598E · #6B76A6 · #8A94BE · #ABB4D7 · #CCD4F0
#2A3266 · #212756 · #181E47 · #101438 · #090B2A
#363E6B · #394061 · #3C4156
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.