#333344Shuriken (#333344) is a grey neutral with an OKLCH hue of 285°, lightness 0.33 and chroma 0.03. In practice it behaves as a grounding tone — suited to text, outlines, and shadowed surfaces.
| HEX | #333344 |
|---|---|
| RGB | rgb(51, 51, 68) |
| HSL | hsl(240, 14%, 23%) |
| HSV | hsv(240, 25%, 27%) |
| CMYK | cmyk(25%, 25%, 0%, 73%) |
| CIE Lab | lab(21.9 4.4 -10.6) |
| OKLCH | oklch(0.328 0.030 285) |
Under warm 2700K interior light Shuriken shifts subtly: takes on a purple cast; in north-facing or shaded light it is virtually unchanged. Overall drift across common illuminants is small (max ΔE ≈ 1), so it is a lighting-stable choice.
#36323f — ΔE 1.0, shifts subtly: takes on a purple cast#353343 — ΔE 0.4, shifts subtly: takes on a purple cast#333344 — ΔE 0.0, is virtually unchanged#333345 — ΔE 0.2, is virtually unchangedTest Shuriken 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 12.37:1 and against black 1.7: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.
#9898a6 · #737383 · #505060 · #333344 · #12121f · #010105
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.
#3d5775 · #364368 · #333344 · #2c1d42 · #230c2b · #180115
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.
#b99eb1 · #8484ac · #875a7b · #5d4857 · #333344 · #1a1739
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.
#cbc78e · #6e6e87 · #50515e · #333344 · #18172d · #04030c
The anchor as the only color in the room. True neutrals or complement-warmed near-neutrals let it stay dominant.
#f3f2ea · #b6b6c1 · #80807b · #4b4b56 · #333344 · #201f19
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.
#f1f1f9 · #c7c8d1 · #9a9ba6 · #333344 · #03020b · #d3c94e
The opposite hue on the perceptual wheel, tempered to field strength — warm/cool tension without vibration.
#f4f3e2 · #bdba8d · #87824c · #524e22 · #333344 · #1d1c30
The complement's two neighbours instead of the complement itself — strong contrast with a lower clash risk.
#f4f3e2 · #ceb28d · #6d8a5c · #614722 · #333344 · #172310
Three hues spaced evenly around the wheel; the anchor leads and the other two are held at supporting strength.
#ffeee6 · #d9ac98 · #528e74 · #265844 · #333344 · #2e1910
Two complementary pairs offset by 90° — the richest chord, kept usable by a strict lightness hierarchy.
#ffeded · #dba8ab · #87824c · #155757 · #333344 · #222009
#4F4F60 · #6D6E7C · #8D8E9B · #AEAFBA · #D1D1DA
#2B2B3A · #232331 · #1B1B27 · #14141E · #0D0D16
As a deep tone it works for grounding elements — text, outlines, and shadowed surfaces — rather than open fields. In palettes it pairs most predictably with its tonal ramp and analogous neighbors; reserve the complementary hue for small, deliberate contrast.