#BD5494#BD5494

#BD5494 is a mid, vivid pink. Relative luminance 0.193; OKLCH L 59.8% C 0.154 H 345.2°. Best body text is #000000 at 4.86:1 contrast (WCAG AA passes).

Color values

HEX	#BD5494
RGB	rgb(189, 84, 148)
HSL	hsl(323, 44%, 54%)
HSV	hsv(323, 56%, 74%)
CMYK	cmyk(0%, 55.6%, 21.7%, 25.9%)
CIE-LAB	lab(51.04, 49.59, -14.83)
CIE-LCH	lch(51.04, 51.76, 343.36°)
OKLab	oklab(59.8% 0.1485 -0.0392)
OKLCH	oklch(59.8% 0.154 345.2)
XYZ	xyz(29.5027, 19.3001, 30.1827)
Luminance	0.1930 (WCAG relative)
Temperature	warm
Family	pink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#BD5494 #54BD7D

analogous

#B254BD #BD5494 #BD545F

triadic

#BD5494 #94BD54 #5494BD

tetradic

#BD5494 #BDB254 #54BD7D #545FBD

square

#BD5494 #BDB254 #54BD7D #545FBD

split-complementary

#BD5494 #5FBD54 #54BDB2

monochromatic

#6D2A53 #993B74 #BD5494 #CE80B0 #DFACCB

Accessibility & contrast

On white

4.32

#BD5494 on #FFFFFF

AA ✗AA large ✓AAA ✗

On black

4.86

#BD5494 on #000000

AA ✓AA large ✓AAA ✗

Best text color

#000000 on #BD5494

4.86:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##BD5494	#FFFFFF	#000000	##000000
##BD5494	1.00	4.32	4.86	4.86
#FFFFFF	4.32	1.00	21.00	21.00
#000000	4.86	21.00	1.00	1.00
##000000	4.86	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#5D6E96

Deuteranopia (green-blind)

#7A8091

Tritanopia (blue-blind)

#C8536D

Achromatopsia (no color)

#7A7A7A

Design tokens & code

CSS

--color: #bd5494;
/* rgb */ color: rgb(189, 84, 148);
/* oklch */ color: oklch(59.8% 0.154 345.2);

Tailwind

colors: {
  custom: {
    50: '#d489b3',
    500: '#bd5494',
    950: '#000000',
  },
}

SCSS

$custom: #bd5494;
$custom-light: #d489b3;
$custom-dark: #000000;

JSON

{
  "hex": "#bd5494",
  "rgb": {
    "r": 189,
    "g": 84,
    "b": 148
  },
  "hsl": {
    "h": 323.429,
    "s": 44.304,
    "l": 53.529
  },
  "oklch": {
    "l": 0.59796,
    "c": 0.15363,
    "h": 345.2
  },
  "luminance": 0.19298
}

Semantic roles & 50–950 ramp

primary

#BD5494

secondary

#A0CDB1

accent

#D48654

background

#FDF8FB

surface

#FAF0F6

border

#D3CBD0

text

#150C11

muted

#837D80

Preview Lab

Preview with #BD5494

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

Preview Lab → · Contrast checker → · Palette generator →