#A191BB#A191BB

#A191BB is a light, moderate violet. Relative luminance 0.314; OKLCH L 68.5% C 0.063 H 302.2°. Best body text is #000000 at 7.28:1 contrast (WCAG AA passes).

Color values

HEX	#A191BB
RGB	rgb(161, 145, 187)
HSL	hsl(263, 24%, 65%)
HSV	hsv(263, 22%, 73%)
CMYK	cmyk(13.9%, 22.5%, 0%, 26.7%)
CIE-LAB	lab(62.86, 14.31, -19.65)
CIE-LCH	lch(62.86, 24.31, 306.05°)
OKLab	oklab(68.53% 0.0337 -0.0535)
OKLCH	oklch(68.53% 0.063 302.2)
XYZ	xyz(33.7912, 31.4157, 51.2877)
Luminance	0.3142 (WCAG relative)
Temperature	cool
Family	violet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#A191BB #ABBB91

analogous

#9196BB #A191BB #B691BB

triadic

#A191BB #BBA191 #91BBA1

tetradic

#A191BB #BB9196 #ABBB91 #91BBB6

square

#A191BB #BB9196 #ABBB91 #91BBB6

split-complementary

#A191BB #BBB691 #96BB91

monochromatic

#635082 #816BA4 #A191BB #C1B7D2 #E2DDEA

Accessibility & contrast

On white

2.88

#A191BB on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

7.28

#A191BB on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #A191BB

7.28:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##A191BB	#FFFFFF	#000000	##000000
##A191BB	1.00	2.88	7.28	7.28
#FFFFFF	2.88	1.00	21.00	21.00
#000000	7.28	21.00	1.00	1.00
##000000	7.28	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#8998BD

Deuteranopia (green-blind)

#8C98BA

Tritanopia (blue-blind)

#9D979F

Achromatopsia (no color)

#989898

Design tokens & code

CSS

--color: #a191bb;
/* rgb */ color: rgb(161, 145, 187);
/* oklch */ color: oklch(68.5% 0.063 302.2);

Tailwind

colors: {
  custom: {
    50: '#bdb1cf',
    500: '#a191bb',
    950: '#000000',
  },
}

SCSS

$custom: #a191bb;
$custom-light: #bdb1cf;
$custom-dark: #000000;

JSON

{
  "hex": "#a191bb",
  "rgb": {
    "r": 161,
    "g": 145,
    "b": 187
  },
  "hsl": {
    "h": 262.857,
    "s": 23.596,
    "l": 65.098
  },
  "oklch": {
    "l": 0.68528,
    "c": 0.06325,
    "h": 302.2
  },
  "luminance": 0.31416
}

Semantic roles & 50–950 ramp

primary

#A191BB

secondary

#D6DBCD

accent

#A2437E

background

#FBFAFC

surface

#F6F5F9

border

#D0CFD2

text

#121013

muted

#817F82

Preview Lab

Preview with #A191BB

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

Preview Lab → · Contrast checker → · Palette generator →