#BA68CA#BA68CA

#BA68CA is a light, vivid purple. Relative luminance 0.246; OKLCH L 64.6% C 0.164 H 320.9°. Best body text is #000000 at 5.92:1 contrast (WCAG AA passes).

Color values

HEX	#BA68CA
RGB	rgb(186, 104, 202)
HSL	hsl(290, 48%, 60%)
HSV	hsv(290, 49%, 79%)
CMYK	cmyk(7.9%, 48.5%, 0%, 20.8%)
CIE-LAB	lab(56.69, 47.98, -37.47)
CIE-LCH	lch(56.69, 60.88, 322.01°)
OKLab	oklab(64.65% 0.1274 -0.1035)
OKLCH	oklch(64.65% 0.164 320.9)
XYZ	xyz(35.8594, 24.6054, 58.7261)
Luminance	0.2460 (WCAG relative)
Temperature	neutral
Family	purple

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#BA68CA #78CA68

analogous

#8968CA #BA68CA #CA68A9

triadic

#BA68CA #CABA68 #68CABA

tetradic

#BA68CA #CA8968 #78CA68 #68A9CA

square

#BA68CA #CA8968 #78CA68 #68A9CA

split-complementary

#BA68CA #A9CA68 #68CA89

monochromatic

#793088 #A240B5 #BA68CA #CF95DA #E3C3EA

Accessibility & contrast

On white

3.55

#BA68CA on #FFFFFF

AA ✗AA large ✓AAA ✗

On black

5.92

#BA68CA on #000000

AA ✓AA large ✓AAA ✗

Best text color

#000000 on #BA68CA

5.92:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##BA68CA	#FFFFFF	#000000	##000000
##BA68CA	1.00	3.55	5.92	5.92
#FFFFFF	3.55	1.00	21.00	21.00
#000000	5.92	21.00	1.00	1.00
##000000	5.92	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#5982CD

Deuteranopia (green-blind)

#718BC7

Tritanopia (blue-blind)

#BC7590

Achromatopsia (no color)

#888888

Design tokens & code

CSS

--color: #ba68ca;
/* rgb */ color: rgb(186, 104, 202);
/* oklch */ color: oklch(64.6% 0.164 320.9);

Tailwind

colors: {
  custom: {
    50: '#d196da',
    500: '#ba68ca',
    950: '#000000',
  },
}

SCSS

$custom: #ba68ca;
$custom-light: #d196da;
$custom-dark: #000000;

JSON

{
  "hex": "#ba68ca",
  "rgb": {
    "r": 186,
    "g": 104,
    "b": 202
  },
  "hsl": {
    "h": 290.204,
    "s": 48.039,
    "l": 60
  },
  "oklch": {
    "l": 0.64648,
    "c": 0.16417,
    "h": 320.9
  },
  "luminance": 0.24604
}

Semantic roles & 50–950 ramp

primary

#BA68CA

secondary

#BADAB4

accent

#D85066

background

#FDF9FD

surface

#FAF2FB

border

#D3CCD4

text

#140D15

muted

#837E83

Preview Lab

Preview with #BA68CA

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

Preview Lab → · Contrast checker → · Palette generator →