OKLCH Studio · color reference

CSS color mediumslateblue in OKLCH

Named CSS color mediumslateblue: oklch(0.604 0.194 285.5), HEX #7B68EE. Contrast pairs (WCAG + APCA) and Fix links.

CSS “mediumslateblue” is a chromatic named color — great for accents. Run Fix before using it as text or as a text background.

#7B68EE · oklch(0.604 0.194 285.5)

Contrast pairs

WCAG 2.1 normal text + APCA Lc. Open a pair in the live Fix tool — informational only, not a legal audit.

Text on white4.15:1 · Fail · Lc 68
#7B68EE on #FFFFFF
Open in Contrast →
White on swatchnot a suggestion4.15:1 · Fail · Lc 74
#FFFFFF on #7B68EE
Demo of a common fail — not a suggestion.
Open in Contrast →
Black on swatch5.06:1 · AA · Lc 36
#000000 on #7B68EE
Open in Contrast →
Fix → AA on white4.93:1 · AA · Lc 74
#705BE0 on #FFFFFF
Open in Contrast →
Suggested text on swatch4.68:1 · AA · Lc 35
#0D0D0D on #7B68EE
Open in Contrast →

Against #121212: mediumslateblue already passes AA on #121212.

:root {
  --mediumslateblue: oklch(0.604 0.194 285.5);
}

Static reference — the live Fix tool uses the same WCAG math with Undo and share links.