#A150BD#A150BD

#A150BD is a mid, vivid purple. Relative luminance 0.170; OKLCH L 57.5% C 0.177 H 316.6°. Best body text is #FFFFFF at 4.78:1 contrast (WCAG AA passes).

Color values

HEX	#A150BD
RGB	rgb(161, 80, 189)
HSL	hsl(285, 45%, 53%)
HSV	hsv(285, 58%, 74%)
CMYK	cmyk(14.8%, 57.7%, 0%, 25.9%)
CIE-LAB	lab(48.25, 50.74, -43.53)
CIE-LCH	lch(48.25, 66.86, 319.37°)
OKLab	oklab(57.54% 0.1286 -0.1216)
OKLCH	oklch(57.54% 0.177 316.6)
XYZ	xyz(26.7505, 16.9895, 50.0044)
Luminance	0.1699 (WCAG relative)
Temperature	cool
Family	purple

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#A150BD #6CBD50

analogous

#6A50BD #A150BD #BD50A2

triadic

#A150BD #BDA150 #50BDA1

tetradic

#A150BD #BD6A50 #6CBD50 #50A2BD

square

#A150BD #BD6A50 #6CBD50 #50A2BD

split-complementary

#A150BD #A2BD50 #50BD6A

monochromatic

#59286A #7F3997 #A150BD #B97CCE #D1A9DF

Accessibility & contrast

On white

4.78

#A150BD on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

4.40

#A150BD on #000000

AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #A150BD

4.78:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##A150BD	#FFFFFF	#000000	##FFFFFF
##A150BD	1.00	4.78	4.40	4.78
#FFFFFF	4.78	1.00	21.00	1.00
#000000	4.40	21.00	1.00	21.00
##FFFFFF	4.78	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#346DC0

Deuteranopia (green-blind)

#5275BA

Tritanopia (blue-blind)

#A0627F

Achromatopsia (no color)

#737373

Design tokens & code

CSS

--color: #a150bd;
/* rgb */ color: rgb(161, 80, 189);
/* oklch */ color: oklch(57.5% 0.177 316.6);

Tailwind

colors: {
  custom: {
    50: '#bf85d1',
    500: '#a150bd',
    950: '#000000',
  },
}

SCSS

$custom: #a150bd;
$custom-light: #bf85d1;
$custom-dark: #000000;

JSON

{
  "hex": "#a150bd",
  "rgb": {
    "r": 161,
    "g": 80,
    "b": 189
  },
  "hsl": {
    "h": 284.587,
    "s": 45.228,
    "l": 52.745
  },
  "oklch": {
    "l": 0.57539,
    "c": 0.17697,
    "h": 316.6
  },
  "luminance": 0.16989
}

Semantic roles & 50–950 ramp

primary

#A150BD

secondary

#A9CC9D

accent

#D55374

background

#FCF8FC

surface

#F8EFF9

border

#D1CAD2

text

#120B14

muted

#817C82

Preview Lab

Preview with #A150BD

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

Preview Lab → · Contrast checker → · Palette generator →