#A860EB

Accessibility

5.54:1

Vs white / black

3.79:1 · 5.54:1

Sources

Library color

Codes

Formats

HEX

#a860eb

RGB

rgb(168, 96, 235)

RGBA

rgba(168, 96, 235, 1)

HSL

hsl(271, 78%, 65%)

HSLA

hsla(271, 78%, 65%, 1)

HSV

hsv(271, 59%, 92%)

LAB

lab(54.75% 54.52 -59.31)

LCH

lch(54.75% 80.56 312.59)

OKLAB

oklab(0.6332 0.118 -0.1676)

OKLCH

oklch(0.6332 0.205 305.15)

XYZ

xyz(35.32, 22.69, 81.10)

CMYK

cmyk(29%, 59%, 0%, 8%)

CSS

color: #a860eb;

CSS variable

--color-a860eb: #a860eb;

SCSS

$color-a860eb: #a860eb;

JavaScript

const color = "#a860eb";

TypeScript

const color: string = "#a860eb";

React

style={{ backgroundColor: "#a860eb" }}

JSON

{ "hex": "#a860eb", "rgb": { "r": 168, "g": 96, "b": 235 }, "oklch": "oklch(0.6332 0.205 305.15)" }

Export

Developer code

css

:root {
  --#a860eb-1: #a860eb;
}

Design systems

Nearest official tokens

An arbitrary HEX is not an official Tailwind, Material, or Bootstrap color. Distance is CIEDE2000.

Nearest Tailwind color

purple-500

Noticeably different · ΔE 2.69 · #A855F7

Nearest CSS named color

MediumPurple

Very different · ΔE 5.76 · #9370DB

Nearest Material color

deep-purple-300

Very different · ΔE 7.76 · #9575CD

Nearest Bootstrap color

secondary

Very different · ΔE 16.82 · #6C757D

OKLCH

Perceptual 50–950 scale

Generated in OKLCH from this hex. Not an official Tailwind scale unless the hex itself is a Tailwind token.

50ffe0ff 100fdd0ff 200edb8ff 300d99cff 400c079ff 500a45ce6 6008a4bc3 7006f3a9f 80055297c 9003d1a5c 95026053f

Palette

Tints & shades

Full scale from light tints through the base color into deep shades

f8f2fd f1e5fc e9d7fa e2caf8 dbbdf7 d4b0f5 cca2f3 c595f2 be88f0 b77bee af6ded a860eb 9a58d7 8c50c4 7e48b0 70409d 623889 543076 462862 38204e 2a183b 1c1027 0e0814

Palette

Tints

Mixed toward white — soft backgrounds and highlights

f8f2fd f1e5fc e9d7fa e2caf8 dbbdf7 d4b0f5 cca2f3 c595f2 be88f0 b77bee af6ded

Palette

Shades

Mixed toward black — depth, text, and emphasis

9a58d7 8c50c4 7e48b0 70409d 623889 543076 462862 38204e 2a183b 1c1027 0e0814

Palette

Tones

Mixed toward neutral grey — muted UI surfaces

a563e2 a165d9 9e68d0 9b6bc7 976dbe 9470b6 9173ad 8d75a4 8a789b 877b92 837d89

Harmony

Complementary

Opposite on the color wheel for contrast

#A860EBStop 1 #A3EB60Stop 2

Harmony

Analogous

Neighbors that sit comfortably together

#6260EBStop 1 #A860EBStop 2 #EB60E9Stop 3

Harmony

Triadic

Evenly spaced triad for vibrant sets

#A860EBStop 1 #EBA860Stop 2 #60EBA8Stop 3

Harmony

Split complementary

Base plus two accents beside the complement

#A860EBStop 1 #E9EB60Stop 2 #60EB62Stop 3

Harmony

Monochromatic

Same hue, varied lightness and saturation

#340B5BStop 1 #5C149FStop 2 #831CE3Stop 3 #A860EBStop 4 #CDA4F4Stop 5

Using this color

Where #a860eb works

#A860EB (#a860eb) sits in the deep purple family at about 271° hue, 78% saturation, and 65% lightness. Contrast is 3.79:1 on white and 5.54:1 on black, so near-black labels read more clearly on the swatch itself. Nearest Tailwind token: purple-500 (approximation unless the hex is an official scale stop).

Sensible jobs for this swatch

supporting UI accents
large titles on light backgrounds (WCAG AA Large)
text or icons on charcoal / dark mode

Do not use #a860eb as small body text on white — 3.79:1 misses WCAG AA (4.5:1). Pair it with a darker shade from the scale below, or check pairs in the contrast checker.

Family context: Mystery, ambition, and creativity. Strong for artistic and spiritual associations. Common uses still include buttons, charts, and accents in the Deep Purple range — always verify the pair for this exact hex in the contrast checker.

Similar & related colors

Nearby colors from the library by perceptual distance

Tailwind purple 500#A855F7 System Purple#AF52DE Web Safe #9966FF#9966FF Web Safe #9966CC#9966CC MediumPurple#9370DB Tailwind violet 500#8B5CF6 MediumOrchid#BA55D3 Chakra purple 500#9F7AEA Web Safe #CC66FF#CC66FF Web Safe #CC33FF#CC33FF Material Deep Purple 300#9575CD Chakra purple 600#805AD5