#B44CA1#B44CA1

#B44CA1 is a mid, vivid pink. Relative luminance 0.174; OKLCH L 58.1% C 0.168 H 335.2°. Best body text is #FFFFFF at 4.68:1 contrast (WCAG AA passes).

Color values

HEX#B44CA1
RGBrgb(180, 76, 161)
HSLhsl(311, 41%, 50%)
HSVhsv(311, 58%, 71%)
CMYKcmyk(0%, 57.8%, 10.6%, 29.4%)
CIE-LABlab(48.82, 52.67, -26.04)
CIE-LCHlch(48.82, 58.75, 333.69°)
OKLaboklab(58.06% 0.1529 -0.0707)
OKLCHoklch(58.06% 0.168 335.2)
XYZxyz(27.8400, 17.4475, 35.6127)
Luminance0.1744 (WCAG relative)
Temperatureneutral
Familypink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#B44CA1 #4CB45F
analogous
#934CB4 #B44CA1 #B44C6D
triadic
#B44CA1 #A1B44C #4CA1B4
tetradic
#B44CA1 #B4934C #4CB45F #4C6DB4
square
#B44CA1 #B4934C #4CB45F #4C6DB4
split-complementary
#B44CA1 #6DB44C #4CB493
monochromatic
#5E2754 #893A7B #B44CA1 #C677B8 #D8A2CE

Accessibility & contrast

On white

4.68
#B44CA1 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

4.49
#B44CA1 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #B44CA1
4.68:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##B44CA1#FFFFFF#000000##FFFFFF
##B44CA11.004.684.494.68
#FFFFFF4.681.0021.001.00
#0000004.4921.001.0021.00
##FFFFFF4.681.0021.001.00

Color blindness preview

Protanopia (red-blind)
#4C6AA4
Deuteranopia (green-blind)
#6C7A9E
Tritanopia (blue-blind)
#BC526F
Achromatopsia (no color)
#747474

Design tokens & code

CSS
--color: #b44ca1;
/* rgb */ color: rgb(180, 76, 161);
/* oklch */ color: oklch(58.1% 0.168 335.2);
Tailwind
colors: {
  custom: {
    50: '#cd83bd',
    500: '#b44ca1',
    950: '#000000',
  },
}
SCSS
$custom: #b44ca1;
$custom-light: #cd83bd;
$custom-dark: #000000;
JSON
{
  "hex": "#b44ca1",
  "rgb": {
    "r": 180,
    "g": 76,
    "b": 161
  },
  "hsl": {
    "h": 310.962,
    "s": 40.945,
    "l": 50.196
  },
  "oklch": {
    "l": 0.58059,
    "c": 0.16847,
    "h": 335.2
  },
  "luminance": 0.17445
}

Semantic roles & 50–950 ramp

primary
#B44CA1
secondary
#97C59F
accent
#D16D57
background
#FCF8FB
surface
#F9EFF6
border
#D2CAD0
text
#140B12
muted
#827C81

Preview Lab

Preview with #B44CA1

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

Preview Lab → · Contrast checker → · Palette generator →

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