#B588E5#B588E5

#B588E5 is a light, vivid violet. Relative luminance 0.331; OKLCH L 70.6% C 0.139 H 305.4°. Best body text is #000000 at 7.62:1 contrast (WCAG AA passes).

Color values

HEX#B588E5
RGBrgb(181, 136, 229)
HSLhsl(269, 64%, 72%)
HSVhsv(269, 41%, 90%)
CMYKcmyk(21%, 40.6%, 0%, 10.2%)
CIE-LABlab(64.23, 35.01, -40.84)
CIE-LCHlch(64.23, 53.79, 310.60°)
OKLaboklab(70.58% 0.0807 -0.1135)
OKLCHoklch(70.58% 0.139 305.4)
XYZxyz(42.0002, 33.0895, 78.2878)
Luminance0.3309 (WCAG relative)
Temperaturecool
Familyviolet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#B588E5 #B8E588
analogous
#888AE5 #B588E5 #E488E5
triadic
#B588E5 #E5B588 #88E5B5
tetradic
#B588E5 #E5888A #B8E588 #88E5E4
square
#B588E5 #E5888A #B8E588 #88E5E4
split-complementary
#B588E5 #E5E488 #8AE588
monochromatic
#772CC7 #9656DA #B588E5 #D4BAF0 #EFE6FA

Accessibility & contrast

On white

2.76
#B588E5 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

7.62
#B588E5 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #B588E5
7.62:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##B588E5#FFFFFF#000000##000000
##B588E51.002.767.627.62
#FFFFFF2.761.0021.0021.00
#0000007.6221.001.001.00
##0000007.6221.001.001.00

Color blindness preview

Protanopia (red-blind)
#729AE8
Deuteranopia (green-blind)
#7C9CE2
Tritanopia (blue-blind)
#AE97AC
Achromatopsia (no color)
#9C9C9C

Design tokens & code

CSS
--color: #b588e5;
/* rgb */ color: rgb(181, 136, 229);
/* oklch */ color: oklch(70.6% 0.139 305.4);
Tailwind
colors: {
  custom: {
    50: '#cdabed',
    500: '#b588e5',
    950: '#000000',
  },
}
SCSS
$custom: #b588e5;
$custom-light: #cdabed;
$custom-dark: #000000;
JSON
{
  "hex": "#b588e5",
  "rgb": {
    "r": 181,
    "g": 136,
    "b": 229
  },
  "hsl": {
    "h": 269.032,
    "s": 64.138,
    "l": 71.569
  },
  "oklch": {
    "l": 0.70576,
    "c": 0.1393,
    "h": 305.4
  },
  "luminance": 0.33089
}

Semantic roles & 50–950 ramp

primary
#B588E5
secondary
#E5F0D8
accent
#CC1A76
background
#FCFAFE
surface
#F9F4FD
border
#D2CED5
text
#141016
muted
#827F84

Preview Lab

Preview with #B588E5

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

Preview Lab → · Contrast checker → · Palette generator →

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