#B49FF8#B49FF8

#B49FF8 is a light, vivid violet. Relative luminance 0.413; OKLCH L 75.5% C 0.127 H 294.0°. Best body text is #000000 at 9.26:1 contrast (WCAG AA passes).

Color values

HEX#B49FF8
RGBrgb(180, 159, 248)
HSLhsl(254, 86%, 80%)
HSVhsv(254, 36%, 97%)
CMYKcmyk(27.4%, 35.9%, 0%, 2.7%)
CIE-LABlab(70.37, 26.33, -41.67)
CIE-LCHlch(70.37, 49.30, 302.29°)
OKLaboklab(75.49% 0.0516 -0.116)
OKLCHoklch(75.49% 0.127 294)
XYZxyz(48.1597, 41.2762, 94.2185)
Luminance0.4128 (WCAG relative)
Temperaturecool
Familyviolet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#B49FF8 #E3F89F
analogous
#9FB7F8 #B49FF8 #E09FF8
triadic
#B49FF8 #F8B49F #9FF8B4
tetradic
#B49FF8 #F89FB7 #E3F89F #9FF8E0
square
#B49FF8 #F89FB7 #E3F89F #9FF8E0
split-complementary
#B49FF8 #F8E09F #B7F89F
monochromatic
#5B2DF0 #8766F4 #B49FF8 #E1D8FC #E9E2FD

Accessibility & contrast

On white

2.27
#B49FF8 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

9.26
#B49FF8 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #B49FF8
9.26:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##B49FF8#FFFFFF#000000##000000
##B49FF81.002.279.269.26
#FFFFFF2.271.0021.0021.00
#0000009.2621.001.001.00
##0000009.2621.001.001.00

Color blindness preview

Protanopia (red-blind)
#87ADFB
Deuteranopia (green-blind)
#89ABF6
Tritanopia (blue-blind)
#A5AEC0
Achromatopsia (no color)
#ACACAC

Design tokens & code

CSS
--color: #b49ff8;
/* rgb */ color: rgb(180, 159, 248);
/* oklch */ color: oklch(75.5% 0.127 294.0);
Tailwind
colors: {
  custom: {
    50: '#ccbbfb',
    500: '#b49ff8',
    950: '#000000',
  },
}
SCSS
$custom: #b49ff8;
$custom-light: #ccbbfb;
$custom-dark: #000000;
JSON
{
  "hex": "#b49ff8",
  "rgb": {
    "r": 180,
    "g": 159,
    "b": 248
  },
  "hsl": {
    "h": 254.157,
    "s": 86.408,
    "l": 79.804
  },
  "oklch": {
    "l": 0.75488,
    "c": 0.12702,
    "h": 294
  },
  "luminance": 0.41277
}

Semantic roles & 50–950 ramp

primary
#B49FF8
secondary
#EEF5D6
accent
#E303AE
background
#FCFBFF
surface
#F9F6FF
border
#D2D0D7
text
#131217
muted
#828185

Preview Lab

Preview with #B49FF8

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

Preview Lab → · Contrast checker → · Palette generator →

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