Twilight #4E518B

Twilight (#4E518B) is a dark, soft blue with an OKLCH hue of 280°, lightness 0.46 and chroma 0.094. 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.

Color values

HEX#4E518B
RGBrgb(78, 81, 139)
HSLhsl(237, 28%, 43%)
HSVhsv(237, 44%, 55%)
CMYKcmyk(44%, 42%, 0%, 45%)
CIE Lablab(36.7 14.7 -32.7)
OKLCHoklch(0.460 0.094 280)

How Twilight behaves under real light

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

Test Twilight 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 7.31:1 and against black 2.87:1, so white text is the stronger pairing. That pairing passes WCAG AA for body text. Avoid black text on this color entirely.

Colors that go with Twilight

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.

#a1a6d7 · #7b80b5 · #4e518b · #37386d · #1a1946 · #040022

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.

#577ea4 · #506899 · #4e518b · #4c3d71 · #452a56 · #3b1a3b

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.

#c5a6c0 · #b47dac · #856b81 · #4e518b · #353766 · #1e1e47

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.

#d2c67e · #9296b5 · #747688 · #4e518b · #353755 · #1c1d2f

Quiet Support

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

#f4f2e8 · #adaebc · #73726b · #4e518b · #3d3f4c · #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.

#f4f2e7 · #cdcbbe · #a2a091 · #2e2a18 · #0c0900 · #4e518b

Complementary

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

#b1e1dc · #a0bc79 · #785da4 · #4e518b · #364835 · #030f1b

Split-complementary

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

#f6f3dd · #cfa87b · #5f7c3f · #4e518b · #5a3701 · #010400

Triadic

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

#ffeee8 · #daa08c · #38825e · #4e518b · #084c31 · #130100

Tetradic

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

#ffedef · #da9ca5 · #7f722a · #4e518b · #004a47 · #060400

Tints, shades & muted variants

Tints

#666B9F · #8085B4 · #9BA0C9 · #B7BBDD · #D4D7F2

Shades

#404377 · #333563 · #262750 · #1A1A3D · #0E0E2C

Muted

#505380 · #525576 · #54566B

Using Twilight

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