#AF7AF9#AF7AF9

#AF7AF9 is a light, vivid violet. Relative luminance 0.299; OKLCH L 68.7% C 0.185 H 300.9°. Best body text is #000000 at 6.97:1 contrast (WCAG AA passes).

Color values

HEX	#AF7AF9
RGB	rgb(175, 122, 249)
HSL	hsl(265, 91%, 73%)
HSV	hsv(265, 51%, 98%)
CMYK	cmyk(29.7%, 51%, 0%, 2.4%)
CIE-LAB	lab(61.54, 45.79, -56.18)
CIE-LCH	lch(61.54, 72.48, 309.18°)
OKLab	oklab(68.75% 0.0949 -0.1583)
OKLCH	oklch(68.75% 0.185 300.9)
XYZ	xyz(41.7336, 29.8724, 93.1714)
Luminance	0.2987 (WCAG relative)
Temperature	cool
Family	violet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#AF7AF9 #C4F97A

analogous

#7A85F9 #AF7AF9 #EE7AF9

triadic

#AF7AF9 #F9AF7A #7AF9AF

tetradic

#AF7AF9 #F97A85 #C4F97A #7AF9EE

square

#AF7AF9 #F97A85 #C4F97A #7AF9EE

split-complementary

#AF7AF9 #F9EE7A #85F97A

monochromatic

#6A0BEE #8C3FF6 #AF7AF9 #D2B5FC #EDE2FE

Accessibility & contrast

On white

3.01

#AF7AF9 on #FFFFFF

AA ✗AA large ✓AAA ✗

On black

6.97

#AF7AF9 on #000000

AA ✓AA large ✓AAA ✗

Best text color

#000000 on #AF7AF9

6.97:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##AF7AF9	#FFFFFF	#000000	##000000
##AF7AF9	1.00	3.01	6.97	6.97
#FFFFFF	3.01	1.00	21.00	21.00
#000000	6.97	21.00	1.00	1.00
##000000	6.97	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#4E94FD

Deuteranopia (green-blind)

#5D94F6

Tritanopia (blue-blind)

#A092AE

Achromatopsia (no color)

#959595

Design tokens & code

CSS

--color: #af7af9;
/* rgb */ color: rgb(175, 122, 249);
/* oklch */ color: oklch(68.7% 0.185 300.9);

Tailwind

colors: {
  custom: {
    50: '#caa2fc',
    500: '#af7af9',
    950: '#000000',
  },
}

SCSS

$custom: #af7af9;
$custom-light: #caa2fc;
$custom-dark: #000000;

JSON

{
  "hex": "#af7af9",
  "rgb": {
    "r": 175,
    "g": 122,
    "b": 249
  },
  "hsl": {
    "h": 265.039,
    "s": 91.367,
    "l": 72.745
  },
  "oklch": {
    "l": 0.68748,
    "c": 0.18456,
    "h": 300.9
  },
  "luminance": 0.29873
}

Semantic roles & 50–950 ramp

primary

#AF7AF9

secondary

#E8F6D5

accent

#E60086

background

#FCFAFF

surface

#F9F3FF

border

#D2CDD7

text

#140F17

muted

#827F85

Preview Lab

Preview with #AF7AF9

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

Preview Lab → · Contrast checker → · Palette generator →