#B01E69#B01E69

#B01E69 is a mid, vivid pink. Relative luminance 0.112; OKLCH L 50.7% C 0.188 H 355.8°. Best body text is #FFFFFF at 6.49:1 contrast (WCAG AA passes).

Color values

HEX	#B01E69
RGB	rgb(176, 30, 105)
HSL	hsl(329, 71%, 40%)
HSV	hsv(329, 83%, 69%)
CMYK	cmyk(0%, 83%, 40.3%, 31%)
CIE-LAB	lab(39.88, 61.01, -5.59)
CIE-LCH	lch(39.88, 61.26, 354.77°)
OKLab	oklab(50.67% 0.1879 -0.0139)
OKLCH	oklch(50.67% 0.188 355.8)
XYZ	xyz(20.9201, 11.1813, 14.4184)
Luminance	0.1118 (WCAG relative)
Temperature	warm
Family	pink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#B01E69 #1EB065

analogous

#AE1EB0 #B01E69 #B01E20

triadic

#B01E69 #69B01E #1E69B0

tetradic

#B01E69 #B0AE1E #1EB065 #1E20B0

square

#B01E69 #B0AE1E #1EB065 #1E20B0

split-complementary

#B01E69 #20B01E #1EB0AE

monochromatic

#470C2B #7C154A #B01E69 #DC3088 #E564A6

Accessibility & contrast

On white

6.49

#B01E69 on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

3.24

#B01E69 on #000000

AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #B01E69

6.49:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##B01E69	#FFFFFF	#000000	##FFFFFF
##B01E69	1.00	6.49	3.24	6.49
#FFFFFF	6.49	1.00	21.00	1.00
#000000	3.24	21.00	1.00	21.00
##FFFFFF	6.49	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#404D6B

Deuteranopia (green-blind)

#686866

Tritanopia (blue-blind)

#BF0042

Achromatopsia (no color)

#5E5E5E

Design tokens & code

CSS

--color: #b01e69;
/* rgb */ color: rgb(176, 30, 105);
/* oklch */ color: oklch(50.7% 0.188 355.8);

Tailwind

colors: {
  custom: {
    50: '#cd6c93',
    500: '#b01e69',
    950: '#000000',
  },
}

SCSS

$custom: #b01e69;
$custom-light: #cd6c93;
$custom-dark: #000000;

JSON

{
  "hex": "#b01e69",
  "rgb": {
    "r": 176,
    "g": 30,
    "b": 105
  },
  "hsl": {
    "h": 329.178,
    "s": 70.874,
    "l": 40.392
  },
  "oklch": {
    "l": 0.50665,
    "c": 0.18838,
    "h": 355.8
  },
  "luminance": 0.11179
}

Semantic roles & 50–950 ramp

primary

#B01E69

secondary

#60CA93

accent

#EE913A

background

#FDF7F9

surface

#FAEDF1

border

#D3C8CB

text

#14080D

muted

#837B7E

Preview Lab

Preview with #B01E69

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

Preview Lab → · Contrast checker → · Palette generator →