#968CAE#968CAE

#968CAE is a light, muted violet. Relative luminance 0.283; OKLCH L 66.1% C 0.051 H 298.5°. Best body text is #000000 at 6.66:1 contrast (WCAG AA passes).

Color values

HEX	#968CAE
RGB	rgb(150, 140, 174)
HSL	hsl(258, 17%, 62%)
HSV	hsv(258, 20%, 68%)
CMYK	cmyk(13.8%, 19.5%, 0%, 31.8%)
CIE-LAB	lab(60.16, 10.63, -16.49)
CIE-LCH	lch(60.16, 19.62, 302.82°)
OKLab	oklab(66.05% 0.0243 -0.0448)
OKLCH	oklch(66.05% 0.051 298.5)
XYZ	xyz(29.5942, 28.2961, 43.9388)
Luminance	0.2830 (WCAG relative)
Temperature	cool
Family	violet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#968CAE #A4AE8C

analogous

#8C93AE #968CAE #A78CAE

triadic

#968CAE #AE968C #8CAE96

tetradic

#968CAE #AE8C93 #A4AE8C #8CAEA7

square

#968CAE #AE8C93 #A4AE8C #8CAEA7

split-complementary

#968CAE #AEA78C #93AE8C

monochromatic

#594F70 #756894 #968CAE #B7B0C7 #D8D4E1

Accessibility & contrast

On white

3.15

#968CAE on #FFFFFF

AA ✗AA large ✓AAA ✗

On black

6.66

#968CAE on #000000

AA ✓AA large ✓AAA ✗

Best text color

#000000 on #968CAE

6.66:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##968CAE	#FFFFFF	#000000	##000000
##968CAE	1.00	3.15	6.66	6.66
#FFFFFF	3.15	1.00	21.00	21.00
#000000	6.66	21.00	1.00	1.00
##000000	6.66	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#8591B0

Deuteranopia (green-blind)

#8791AD

Tritanopia (blue-blind)

#929197

Achromatopsia (no color)

#919191

Design tokens & code

CSS

--color: #968cae;
/* rgb */ color: rgb(150, 140, 174);
/* oklch */ color: oklch(66.1% 0.051 298.5);

Tailwind

colors: {
  custom: {
    50: '#b5adc6',
    500: '#968cae',
    950: '#000000',
  },
}

SCSS

$custom: #968cae;
$custom-light: #b5adc6;
$custom-dark: #000000;

JSON

{
  "hex": "#968cae",
  "rgb": {
    "r": 150,
    "g": 140,
    "b": 174
  },
  "hsl": {
    "h": 257.647,
    "s": 17.347,
    "l": 61.569
  },
  "oklch": {
    "l": 0.66055,
    "c": 0.05098,
    "h": 298.5
  },
  "luminance": 0.28296
}

Semantic roles & 50–950 ramp

primary

#968CAE

secondary

#CED1C5

accent

#9C4A84

background

#FBFAFC

surface

#F6F4F8

border

#D0CED1

text

#111013

muted

#807F82

Preview Lab

Preview with #968CAE

Body copy rendered with the generated semantic roles for this colour.

Preview Lab → · Contrast checker → · Palette generator →