#B744CE#B744CE

#B744CE is a mid, highly saturated purple. Relative luminance 0.187; OKLCH L 60.0% C 0.219 H 320.5°. Best body text is #000000 at 4.73:1 contrast (WCAG AA passes).

Color values

HEX#B744CE
RGBrgb(183, 68, 206)
HSLhsl(290, 58%, 54%)
HSVhsv(290, 67%, 81%)
CMYKcmyk(11.2%, 67%, 0%, 19.2%)
CIE-LABlab(50.29, 64.76, -49.92)
CIE-LCHlch(50.29, 81.77, 322.38°)
OKLaboklab(59.95% 0.1694 -0.1395)
OKLCHoklch(59.95% 0.219 320.5)
XYZxyz(32.7348, 18.6594, 60.2579)
Luminance0.1866 (WCAG relative)
Temperaturecool
Familypurple

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#B744CE #5BCE44
analogous
#7244CE #B744CE #CE44A0
triadic
#B744CE #CEB744 #44CEB7
tetradic
#B744CE #CE7244 #5BCE44 #44A0CE
square
#B744CE #CE7244 #5BCE44 #44A0CE
split-complementary
#B744CE #A0CE44 #44CE72
monochromatic
#691F78 #942CA9 #B744CE #CA74DB #DCA5E7

Accessibility & contrast

On white

4.44
#B744CE on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

4.73
#B744CE on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #B744CE
4.73:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##B744CE#FFFFFF#000000##000000
##B744CE1.004.444.734.73
#FFFFFF4.441.0021.0021.00
#0000004.7321.001.001.00
##0000004.7321.001.001.00

Color blindness preview

Protanopia (red-blind)
#1370D2
Deuteranopia (green-blind)
#517CCB
Tritanopia (blue-blind)
#B85C84
Achromatopsia (no color)
#787878

Design tokens & code

CSS
--color: #b744ce;
/* rgb */ color: rgb(183, 68, 206);
/* oklch */ color: oklch(60.0% 0.219 320.5);
Tailwind
colors: {
  custom: {
    50: '#d081dd',
    500: '#b744ce',
    950: '#000000',
  },
}
SCSS
$custom: #b744ce;
$custom-light: #d081dd;
$custom-dark: #000000;
JSON
{
  "hex": "#b744ce",
  "rgb": {
    "r": 183,
    "g": 68,
    "b": 206
  },
  "hsl": {
    "h": 290,
    "s": 58.475,
    "l": 53.725
  },
  "oklch": {
    "l": 0.59954,
    "c": 0.21944,
    "h": 320.5
  },
  "luminance": 0.18658
}

Semantic roles & 50–950 ramp

primary
#B744CE
secondary
#A3D499
accent
#E24660
background
#FDF8FD
surface
#FAEFFB
border
#D3CAD4
text
#140B15
muted
#837C83

Preview Lab

Preview with #B744CE

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

Preview Lab → · Contrast checker → · Palette generator →

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