#BD7DAD#BD7DAD

#BD7DAD is a light, moderate pink. Relative luminance 0.285; OKLCH L 67.1% C 0.101 H 336.2°. Best body text is #000000 at 6.70:1 contrast (WCAG AA passes).

Color values

HEX#BD7DAD
RGBrgb(189, 125, 173)
HSLhsl(315, 33%, 62%)
HSVhsv(315, 34%, 74%)
CMYKcmyk(0%, 33.9%, 8.5%, 25.9%)
CIE-LABlab(60.34, 32.24, -15.27)
CIE-LCHlch(60.34, 35.67, 334.66°)
OKLaboklab(67.08% 0.0928 -0.0408)
OKLCHoklch(67.08% 0.101 336.2)
XYZxyz(35.8625, 28.5049, 43.1400)
Luminance0.2850 (WCAG relative)
Temperaturewarm
Familypink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#BD7DAD #7DBD8D
analogous
#AD7DBD #BD7DAD #BD7D8D
triadic
#BD7DAD #ADBD7D #7DADBD
tetradic
#BD7DAD #BDAD7D #7DBD8D #7D8DBD
square
#BD7DAD #BDAD7D #7DBD8D #7D8DBD
split-complementary
#BD7DAD #8DBD7D #7DBDAD
monochromatic
#7F416F #A85593 #BD7DAD #D2A6C7 #E6CEE0

Accessibility & contrast

On white

3.13
#BD7DAD on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

6.70
#BD7DAD on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #BD7DAD
6.70:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##BD7DAD#FFFFFF#000000##000000
##BD7DAD1.003.136.706.70
#FFFFFF3.131.0021.0021.00
#0000006.7021.001.001.00
##0000006.7021.001.001.00

Color blindness preview

Protanopia (red-blind)
#7E8CAF
Deuteranopia (green-blind)
#8D95AB
Tritanopia (blue-blind)
#C37F8E
Achromatopsia (no color)
#919191

Design tokens & code

CSS
--color: #bd7dad;
/* rgb */ color: rgb(189, 125, 173);
/* oklch */ color: oklch(67.1% 0.101 336.2);
Tailwind
colors: {
  custom: {
    50: '#d2a3c5',
    500: '#bd7dad',
    950: '#000000',
  },
}
SCSS
$custom: #bd7dad;
$custom-light: #d2a3c5;
$custom-dark: #000000;
JSON
{
  "hex": "#bd7dad",
  "rgb": {
    "r": 189,
    "g": 125,
    "b": 173
  },
  "hsl": {
    "h": 315,
    "s": 32.653,
    "l": 61.569
  },
  "oklch": {
    "l": 0.67085,
    "c": 0.10138,
    "h": 336.2
  },
  "luminance": 0.28503
}

Semantic roles & 50–950 ramp

primary
#BD7DAD
secondary
#BFD7C5
accent
#AB563A
background
#FDFAFC
surface
#FAF4F8
border
#D3CED1
text
#140F13
muted
#837F82

Preview Lab

Preview with #BD7DAD

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

Preview Lab → · Contrast checker → · Palette generator →

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