OKLCH Studio · color reference

CSS color lightslategrey in OKLCH

Named CSS color lightslategrey: oklch(0.619 0.032 248.4), HEX #778899. Contrast pairs (WCAG + APCA) and Fix links.

CSS “lightslategrey” is near-neutral — useful for text and borders; still verify AA on your exact surface.

#778899 · oklch(0.619 0.032 248.4)

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 white3.64:1 · Fail · Lc 64
#778899 on #FFFFFF
Open in Contrast →
White on swatchnot a suggestion3.64:1 · Fail · Lc 70
#FFFFFF on #778899
Demo of a common fail — not a suggestion.
Open in Contrast →
Black on swatch5.77:1 · AA · Lc 40
#000000 on #778899
Open in Contrast →
Fix → AA on white5.08:1 · AA · Lc 75
#607081 on #FFFFFF
Open in Contrast →
Suggested text on swatch5.34:1 · AA · Lc 40
#0D0D0D on #778899
Open in Contrast →

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

:root {
  --lightslategrey: oklch(0.619 0.032 248.4);
}

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