Viola #966EBD

Viola (#966EBD) is a mid-tone, soft purple with an OKLCH hue of 306°, lightness 0.61 and chroma 0.123. It sits on the transitional side of the color wheel. In practice it behaves as a mid-weight working color for secondary surfaces and editorial blocks.

Color values

HEX#966EBD
RGBrgb(150, 110, 189)
HSLhsl(270, 37%, 59%)
HSVhsv(270, 42%, 74%)
CMYKcmyk(21%, 42%, 0%, 26%)
CIE Lablab(53.3 31.4 -35.7)
OKLCHoklch(0.610 0.123 306)

How Viola behaves under real light

Under warm 2700K interior light Viola shifts subtly: leans toward magenta; in north-facing or shaded light it is virtually unchanged. Overall drift across common illuminants is small (max ΔE ≈ 1.9), so it is a lighting-stable choice.

Test Viola in the color lighting simulator — sweep it through daylight, warm 2700K light, 4000K LED, and shade alongside the rest of your palette.

Contrast & accessibility

Against white it measures 3.99:1 and against black 5.26:1, so black text is the stronger pairing. That pairing passes WCAG AA for body text.

Colors that go with Viola

Tonal

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.

#e6d0ff · #c4a1e8 · #966ebd · #7a549d · #553373 · #33144c

Analogous

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.

#95a3e4 · #9589d4 · #966ebd · #915998 · #864775 · #773753

Shifted

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.

#ffa0c0 · #c292a1 · #966ebd · #755595 · #583a74 · #4b2030

Contrast

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.

#f1e5ff · #b0d379 · #966ebd · #685e74 · #4e3b62 · #2e233a

Quiet Support

The anchor as the only color in the room. True neutrals or complement-warmed near-neutrals let it stay dominant.

#eff4e8 · #a29bab · #966ebd · #676a62 · #2f2837 · #010100

Bright Accent

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.

#eff4e9 · #c6ccbf · #99a091 · #212816 · #030700 · #966ebd

Complementary

The opposite hue on the perceptual wheel, tempered to field strength — warm/cool tension without vibration.

#cce3c3 · #d6c078 · #966ebd · #6d66ac · #32402e · #1b0412

Split-complementary

The complement's two neighbours instead of the complement itself — strong contrast with a lower clash risk.

#ebf7dc · #b09e53 · #966ebd · #077d4a · #342b00 · #000501

Triadic

Three hues spaced evenly around the wheel; the anchor leads and the other two are held at supporting strength.

#ffefdf · #c89259 · #966ebd · #007a71 · #00332f · #160700

Tetradic

Two complementary pairs offset by 90° — the richest chord, kept usable by a strict lightness hierarchy.

#ffede8 · #d48873 · #966ebd · #577516 · #00313c · #010400

Tints, shades & muted variants

Tints

#A683CA · #B798D6 · #C7AEE3 · #D8C3EF · #E9D9FC

Shades

#7D599F · #644483 · #4D3067 · #361D4C · #210B33

Muted

#9273B1 · #8E78A5 · #8A7D99

Using Viola

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.

Similar colors