#BF8CFF#BF8CFF

#BF8CFF is a light, vivid violet. Relative luminance 0.371; OKLCH L 73.5% C 0.168 H 303.0°. Best body text is #000000 at 8.41:1 contrast (WCAG AA passes).

Color values

HEX#BF8CFF
RGBrgb(191, 140, 255)
HSLhsl(267, 100%, 77%)
HSVhsv(267, 45%, 100%)
CMYKcmyk(25.1%, 45.1%, 0%, 0%)
CIE-LABlab(67.32, 41.55, -50.21)
CIE-LCHlch(67.32, 65.18, 309.61°)
OKLaboklab(73.52% 0.0912 -0.1405)
OKLCHoklch(73.52% 0.168 303)
XYZxyz(48.9100, 37.0526, 99.1635)
Luminance0.3705 (WCAG relative)
Temperaturecool
Familyviolet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#BF8CFF #CCFF8C
analogous
#8C92FF #BF8CFF #F98CFF
triadic
#BF8CFF #FFBF8C #8CFFBF
tetradic
#BF8CFF #FF8C92 #CCFF8C #8CFFF9
square
#BF8CFF #FF8C92 #CCFF8C #8CFFF9
split-complementary
#BF8CFF #FFF98C #92FF8C
monochromatic
#7B12FF #9D4FFF #BF8CFF #E1C9FF #EEE0FF

Accessibility & contrast

On white

2.50
#BF8CFF on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

8.41
#BF8CFF on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #BF8CFF
8.41:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##BF8CFF#FFFFFF#000000##000000
##BF8CFF1.002.508.418.41
#FFFFFF2.501.0021.0021.00
#0000008.4121.001.001.00
##0000008.4121.001.001.00

Color blindness preview

Protanopia (red-blind)
#6CA3FF
Deuteranopia (green-blind)
#78A4FC
Tritanopia (blue-blind)
#B4A0B9
Achromatopsia (no color)
#A4A4A4

Design tokens & code

CSS
--color: #bf8cff;
/* rgb */ color: rgb(191, 140, 255);
/* oklch */ color: oklch(73.5% 0.168 303.0);
Tailwind
colors: {
  custom: {
    50: '#d4aeff',
    500: '#bf8cff',
    950: '#000000',
  },
}
SCSS
$custom: #bf8cff;
$custom-light: #d4aeff;
$custom-dark: #000000;
JSON
{
  "hex": "#bf8cff",
  "rgb": {
    "r": 191,
    "g": 140,
    "b": 255
  },
  "hsl": {
    "h": 266.609,
    "s": 100,
    "l": 77.451
  },
  "oklch": {
    "l": 0.73519,
    "c": 0.1675,
    "h": 303
  },
  "luminance": 0.37053
}

Semantic roles & 50–950 ramp

primary
#BF8CFF
secondary
#E8F7D4
accent
#E60080
background
#FDFAFF
surface
#FAF4FF
border
#D3CED7
text
#141018
muted
#837F86

Preview Lab

Preview with #BF8CFF

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

Preview Lab → · Contrast checker → · Palette generator →

#BF8CFF Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva