#997CAA#997CAA

#997CAA is a light, moderate violet. Relative luminance 0.241; OKLCH L 63.0% C 0.075 H 312.7°. Best body text is #000000 at 5.82:1 contrast (WCAG AA passes).

Color values

HEX	#997CAA
RGB	rgb(153, 124, 170)
HSL	hsl(278, 21%, 58%)
HSV	hsv(278, 27%, 67%)
CMYK	cmyk(10%, 27.1%, 0%, 33.3%)
CIE-LAB	lab(56.18, 19.98, -20.23)
CIE-LCH	lch(56.18, 28.44, 314.64°)
OKLab	oklab(63% 0.051 -0.0551)
OKLCH	oklch(63% 0.075 312.7)
XYZ	xyz(27.5990, 24.0902, 41.2184)
Luminance	0.2409 (WCAG relative)
Temperature	cool
Family	violet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#997CAA #8DAA7C

analogous

#827CAA #997CAA #AA7CA4

triadic

#997CAA #AA997C #7CAA99

tetradic

#997CAA #AA827C #8DAA7C #7CA4AA

square

#997CAA #AA827C #8DAA7C #7CA4AA

split-complementary

#997CAA #A4AA7C #7CAA82

monochromatic

#5B4468 #7B5C8D #997CAA #B6A1C2 #D3C6DA

Accessibility & contrast

On white

3.61

#997CAA on #FFFFFF

AA ✗AA large ✓AAA ✗

On black

5.82

#997CAA on #000000

AA ✓AA large ✓AAA ✗

Best text color

#000000 on #997CAA

5.82:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##997CAA	#FFFFFF	#000000	##000000
##997CAA	1.00	3.61	5.82	5.82
#FFFFFF	3.61	1.00	21.00	21.00
#000000	5.82	21.00	1.00	1.00
##000000	5.82	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#7585AC

Deuteranopia (green-blind)

#7B87A9

Tritanopia (blue-blind)

#98828C

Achromatopsia (no color)

#878787

Design tokens & code

CSS

--color: #997caa;
/* rgb */ color: rgb(153, 124, 170);
/* oklch */ color: oklch(63.0% 0.075 312.7);

Tailwind

colors: {
  custom: {
    50: '#b7a2c3',
    500: '#997caa',
    950: '#000000',
  },
}

SCSS

$custom: #997caa;
$custom-light: #b7a2c3;
$custom-dark: #000000;

JSON

{
  "hex": "#997caa",
  "rgb": {
    "r": 153,
    "g": 124,
    "b": 170
  },
  "hsl": {
    "h": 277.826,
    "s": 21.296,
    "l": 57.647
  },
  "oklch": {
    "l": 0.63003,
    "c": 0.07509,
    "h": 312.7
  },
  "luminance": 0.2409
}

Semantic roles & 50–950 ramp

primary

#997CAA

secondary

#BECAB8

accent

#BE6A89

background

#FBF9FC

surface

#F6F2F8

border

#D0CCD1

text

#110F12

muted

#807E81

Preview Lab

Preview with #997CAA

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

Preview Lab → · Contrast checker → · Palette generator →