#B12484#B12484

#B12484 is a mid, vivid pink. Relative luminance 0.123; OKLCH L 52.3% C 0.197 H 344.6°. Best body text is #FFFFFF at 6.08:1 contrast (WCAG AA passes).

Color values

HEX#B12484
RGBrgb(177, 36, 132)
HSLhsl(319, 66%, 42%)
HSVhsv(319, 80%, 69%)
CMYKcmyk(0%, 79.7%, 25.4%, 30.6%)
CIE-LABlab(41.65, 62.75, -19.69)
CIE-LCHlch(41.65, 65.76, 342.58°)
OKLaboklab(52.33% 0.1902 -0.0525)
OKLCHoklch(52.33% 0.197 344.6)
XYZxyz(22.9282, 12.2774, 22.9876)
Luminance0.1227 (WCAG relative)
Temperaturewarm
Familypink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#B12484 #24B151
analogous
#9824B1 #B12484 #B1243E
triadic
#B12484 #84B124 #2484B1
tetradic
#B12484 #B19824 #24B151 #243EB1
square
#B12484 #B19824 #24B151 #243EB1
split-complementary
#B12484 #3EB124 #24B198
monochromatic
#4B0F38 #7E1A5E #B12484 #D73BA5 #E16EBD

Accessibility & contrast

On white

6.08
#B12484 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.46
#B12484 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #B12484
6.08:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##B12484#FFFFFF#000000##FFFFFF
##B124841.006.083.466.08
#FFFFFF6.081.0021.001.00
#0000003.4621.001.0021.00
##FFFFFF6.081.0021.001.00

Color blindness preview

Protanopia (red-blind)
#375386
Deuteranopia (green-blind)
#636B81
Tritanopia (blue-blind)
#BD2252
Achromatopsia (no color)
#626262

Design tokens & code

CSS
--color: #b12484;
/* rgb */ color: rgb(177, 36, 132);
/* oklch */ color: oklch(52.3% 0.197 344.6);
Tailwind
colors: {
  custom: {
    50: '#cd6fa8',
    500: '#b12484',
    950: '#000000',
  },
}
SCSS
$custom: #b12484;
$custom-light: #cd6fa8;
$custom-dark: #000000;
JSON
{
  "hex": "#b12484",
  "rgb": {
    "r": 177,
    "g": 36,
    "b": 132
  },
  "hsl": {
    "h": 319.149,
    "s": 66.197,
    "l": 41.765
  },
  "oklch": {
    "l": 0.52325,
    "c": 0.19732,
    "h": 344.6
  },
  "luminance": 0.12275
}

Semantic roles & 50–950 ramp

primary
#B12484
secondary
#69C887
accent
#E9753F
background
#FDF7FA
surface
#FAEDF4
border
#D3C8CE
text
#14080F
muted
#837B7F

Preview Lab

Preview with #B12484

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

Preview Lab → · Contrast checker → · Palette generator →

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