#B551ED#B551ED

#B551ED is a light, highly saturated violet. Relative luminance 0.218; OKLCH L 63.0% C 0.231 H 310.9°. Best body text is #000000 at 5.36:1 contrast (WCAG AA passes).

Color values

HEX#B551ED
RGBrgb(181, 81, 237)
HSLhsl(278, 81%, 62%)
HSVhsv(278, 66%, 93%)
CMYKcmyk(23.6%, 65.8%, 0%, 7.1%)
CIE-LABlab(53.84, 64.97, -61.81)
CIE-LCHlch(53.84, 89.68, 316.43°)
OKLaboklab(63.05% 0.1513 -0.1745)
OKLCHoklch(63.05% 0.231 310.9)
XYZxyz(37.2817, 21.8239, 82.3528)
Luminance0.2182 (WCAG relative)
Temperaturecool
Familyviolet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#B551ED #89ED51
analogous
#6751ED #B551ED #ED51D7
triadic
#B551ED #EDB551 #51EDB5
tetradic
#B551ED #ED6751 #89ED51 #51D7ED
square
#B551ED #ED6751 #89ED51 #51D7ED
split-complementary
#B551ED #D7ED51 #51ED67
monochromatic
#7812B1 #9D1AE7 #B551ED #CD88F3 #E4C0F8

Accessibility & contrast

On white

3.91
#B551ED on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

5.36
#B551ED on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #B551ED
5.36:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##B551ED#FFFFFF#000000##000000
##B551ED1.003.915.365.36
#FFFFFF3.911.0021.0021.00
#0000005.3621.001.001.00
##0000005.3621.001.001.00

Color blindness preview

Protanopia (red-blind)
#007CF2
Deuteranopia (green-blind)
#3E82E9
Tritanopia (blue-blind)
#AE7199
Achromatopsia (no color)
#818181

Design tokens & code

CSS
--color: #b551ed;
/* rgb */ color: rgb(181, 81, 237);
/* oklch */ color: oklch(63.0% 0.231 310.9);
Tailwind
colors: {
  custom: {
    50: '#cf88f4',
    500: '#b551ed',
    950: '#000000',
  },
}
SCSS
$custom: #b551ed;
$custom-light: #cf88f4;
$custom-dark: #000000;
JSON
{
  "hex": "#b551ed",
  "rgb": {
    "r": 181,
    "g": 81,
    "b": 237
  },
  "hsl": {
    "h": 278.462,
    "s": 81.25,
    "l": 62.353
  },
  "oklch": {
    "l": 0.63046,
    "c": 0.23097,
    "h": 310.9
  },
  "luminance": 0.21823
}

Semantic roles & 50–950 ramp

primary
#B551ED
secondary
#C5E9B0
accent
#DE0855
background
#FDF8FF
surface
#FAF0FE
border
#D3CBD6
text
#140C17
muted
#837D85

Preview Lab

Preview with #B551ED

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

Preview Lab → · Contrast checker → · Palette generator →

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