#B542BB#B542BB

#B542BB is a mid, highly saturated purple. Relative luminance 0.173; OKLCH L 58.4% C 0.205 H 325.8°. Best body text is #FFFFFF at 4.71:1 contrast (WCAG AA passes).

Color values

HEX#B542BB
RGBrgb(181, 66, 187)
HSLhsl(297, 48%, 50%)
HSVhsv(297, 65%, 73%)
CMYKcmyk(3.2%, 64.7%, 0%, 26.7%)
CIE-LABlab(48.65, 61.68, -41.56)
CIE-LCHlch(48.65, 74.37, 326.03°)
OKLaboklab(58.38% 0.1692 -0.1152)
OKLCHoklch(58.38% 0.205 325.8)
XYZxyz(29.9733, 17.3099, 48.7665)
Luminance0.1731 (WCAG relative)
Temperatureneutral
Familypurple

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#B542BB #48BB42
analogous
#7942BB #B542BB #BB4284
triadic
#B542BB #BBB542 #42BBB5
tetradic
#B542BB #BB7942 #48BB42 #4284BB
square
#B542BB #BB7942 #48BB42 #4284BB
split-complementary
#B542BB #84BB42 #42BB79
monochromatic
#5D2261 #89328E #B542BB #C76ECC #D99CDC

Accessibility & contrast

On white

4.71
#B542BB on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

4.46
#B542BB on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #B542BB
4.71:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##B542BB#FFFFFF#000000##FFFFFF
##B542BB1.004.714.464.71
#FFFFFF4.711.0021.001.00
#0000004.4621.001.0021.00
##FFFFFF4.711.0021.001.00

Color blindness preview

Protanopia (red-blind)
#2D6ABF
Deuteranopia (green-blind)
#5A79B8
Tritanopia (blue-blind)
#B95479
Achromatopsia (no color)
#747474

Design tokens & code

CSS
--color: #b542bb;
/* rgb */ color: rgb(181, 66, 187);
/* oklch */ color: oklch(58.4% 0.205 325.8);
Tailwind
colors: {
  custom: {
    50: '#ce7fd0',
    500: '#b542bb',
    950: '#000000',
  },
}
SCSS
$custom: #b542bb;
$custom-light: #ce7fd0;
$custom-dark: #000000;
JSON
{
  "hex": "#b542bb",
  "rgb": {
    "r": 181,
    "g": 66,
    "b": 187
  },
  "hsl": {
    "h": 297.025,
    "s": 47.826,
    "l": 49.608
  },
  "oklch": {
    "l": 0.58375,
    "c": 0.20472,
    "h": 325.8
  },
  "luminance": 0.17308
}

Semantic roles & 50–950 ramp

primary
#B542BB
secondary
#93C891
accent
#D75057
background
#FDF8FC
surface
#FAEFF9
border
#D3CAD2
text
#140B14
muted
#837C82

Preview Lab

Preview with #B542BB

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

Preview Lab → · Contrast checker → · Palette generator →

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