#B25DCC#B25DCC

#B25DCC is a light, vivid purple. Relative luminance 0.217; OKLCH L 62.2% C 0.180 H 317.7°. Best body text is #000000 at 5.33:1 contrast (WCAG AA passes).

Color values

HEX#B25DCC
RGBrgb(178, 93, 204)
HSLhsl(286, 52%, 58%)
HSVhsv(286, 54%, 80%)
CMYKcmyk(12.7%, 54.4%, 0%, 20%)
CIE-LABlab(53.66, 51.78, -43.45)
CIE-LCHlch(53.66, 67.60, 320.00°)
OKLaboklab(62.23% 0.1331 -0.121)
OKLCHoklch(62.23% 0.18 317.7)
XYZxyz(33.1720, 21.6545, 59.5474)
Luminance0.2165 (WCAG relative)
Temperaturecool
Familypurple

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#B25DCC #77CC5D
analogous
#7A5DCC #B25DCC #CC5DAE
triadic
#B25DCC #CCB25D #5DCCB2
tetradic
#B25DCC #CC7A5D #77CC5D #5DAECC
square
#B25DCC #CC7A5D #77CC5D #5DAECC
split-complementary
#B25DCC #AECC5D #5DCC7A
monochromatic
#6F2A85 #9738B3 #B25DCC #C88CDB #DEBAE9

Accessibility & contrast

On white

3.94
#B25DCC on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

5.33
#B25DCC on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #B25DCC
5.33:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##B25DCC#FFFFFF#000000##000000
##B25DCC1.003.945.335.33
#FFFFFF3.941.0021.0021.00
#0000005.3321.001.001.00
##0000005.3321.001.001.00

Color blindness preview

Protanopia (red-blind)
#457BD0
Deuteranopia (green-blind)
#6183C9
Tritanopia (blue-blind)
#B26E8C
Achromatopsia (no color)
#808080

Design tokens & code

CSS
--color: #b25dcc;
/* rgb */ color: rgb(178, 93, 204);
/* oklch */ color: oklch(62.2% 0.180 317.7);
Tailwind
colors: {
  custom: {
    50: '#cb8edc',
    500: '#b25dcc',
    950: '#000000',
  },
}
SCSS
$custom: #b25dcc;
$custom-light: #cb8edc;
$custom-dark: #000000;
JSON
{
  "hex": "#b25dcc",
  "rgb": {
    "r": 178,
    "g": 93,
    "b": 204
  },
  "hsl": {
    "h": 285.946,
    "s": 52.113,
    "l": 58.235
  },
  "oklch": {
    "l": 0.62229,
    "c": 0.1799,
    "h": 317.7
  },
  "luminance": 0.21653
}

Semantic roles & 50–950 ramp

primary
#B25DCC
secondary
#B7D9AC
accent
#DC4C6E
background
#FCF8FD
surface
#F9F0FB
border
#D2CBD4
text
#140D15
muted
#827D83

Preview Lab

Preview with #B25DCC

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

Preview Lab → · Contrast checker → · Palette generator →

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