#864BD9#864BD9

#864BD9 is a mid, highly saturated violet. Relative luminance 0.151; OKLCH L 55.6% C 0.207 H 298.5°. Best body text is #FFFFFF at 5.22:1 contrast (WCAG AA passes).

Color values

HEX#864BD9
RGBrgb(134, 75, 217)
HSLhsl(265, 65%, 57%)
HSVhsv(265, 65%, 85%)
CMYKcmyk(38.2%, 65.4%, 0%, 14.9%)
CIE-LABlab(45.78, 53.49, -63.79)
CIE-LCHlch(45.78, 83.25, 309.98°)
OKLaboklab(55.59% 0.0987 -0.1818)
OKLCHoklch(55.59% 0.207 298.5)
XYZxyz(24.8688, 15.1099, 67.2385)
Luminance0.1511 (WCAG relative)
Temperaturecool
Familyviolet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#864BD9 #9ED94B
analogous
#4B57D9 #864BD9 #CD4BD9
triadic
#864BD9 #D9864B #4BD986
tetradic
#864BD9 #D94B57 #9ED94B #4BD9CD
square
#864BD9 #D94B57 #9ED94B #4BD9CD
split-complementary
#864BD9 #D9CD4B #57D94B
monochromatic
#4B1E8C #6728BF #864BD9 #A87EE4 #CAB0EE

Accessibility & contrast

On white

5.22
#864BD9 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

4.02
#864BD9 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #864BD9
5.22:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##864BD9#FFFFFF#000000##FFFFFF
##864BD91.005.224.025.22
#FFFFFF5.221.0021.001.00
#0000004.0221.001.0021.00
##FFFFFF5.221.0021.001.00

Color blindness preview

Protanopia (red-blind)
#006DDD
Deuteranopia (green-blind)
#006BD6
Tritanopia (blue-blind)
#736C8C
Achromatopsia (no color)
#6C6C6C

Design tokens & code

CSS
--color: #864bd9;
/* rgb */ color: rgb(134, 75, 217);
/* oklch */ color: oklch(55.6% 0.207 298.5);
Tailwind
colors: {
  custom: {
    50: '#af81e6',
    500: '#864bd9',
    950: '#000000',
  },
}
SCSS
$custom: #864bd9;
$custom-light: #af81e6;
$custom-dark: #000000;
JSON
{
  "hex": "#864bd9",
  "rgb": {
    "r": 134,
    "g": 75,
    "b": 217
  },
  "hsl": {
    "h": 264.93,
    "s": 65.138,
    "l": 57.255
  },
  "oklch": {
    "l": 0.55594,
    "c": 0.20684,
    "h": 298.5
  },
  "luminance": 0.1511
}

Semantic roles & 50–950 ramp

primary
#864BD9
secondary
#C5DDA3
accent
#E840A2
background
#FBF8FE
surface
#F6EFFC
border
#D0CAD5
text
#110B16
muted
#807C84

Preview Lab

Preview with #864BD9

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

Preview Lab → · Contrast checker → · Palette generator →

#864BD9 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva