#BA7DA1#BA7DA1

#BA7DA1 is a light, moderate pink. Relative luminance 0.277; OKLCH L 66.3% C 0.089 H 343.6°. Best body text is #000000 at 6.54:1 contrast (WCAG AA passes).

Color values

HEX#BA7DA1
RGBrgb(186, 125, 161)
HSLhsl(325, 31%, 61%)
HSVhsv(325, 33%, 73%)
CMYKcmyk(0%, 32.8%, 13.4%, 27.1%)
CIE-LABlab(59.60, 29.13, -9.55)
CIE-LCHlch(59.60, 30.66, 341.85°)
OKLaboklab(66.31% 0.0855 -0.0252)
OKLCHoklch(66.31% 0.089 343.6)
XYZxyz(34.0164, 27.6813, 37.2626)
Luminance0.2768 (WCAG relative)
Temperaturewarm
Familypink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#BA7DA1 #7DBA96
analogous
#B47DBA #BA7DA1 #BA7D82
triadic
#BA7DA1 #A1BA7D #7DA1BA
tetradic
#BA7DA1 #BAB47D #7DBA96 #7D82BA
square
#BA7DA1 #BAB47D #7DBA96 #7D82BA
split-complementary
#BA7DA1 #82BA7D #7DBAB4
monochromatic
#7B4164 #A35784 #BA7DA1 #CFA5BE #E4CDDB

Accessibility & contrast

On white

3.21
#BA7DA1 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

6.54
#BA7DA1 on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #BA7DA1
6.54:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##BA7DA1#FFFFFF#000000##000000
##BA7DA11.003.216.546.54
#FFFFFF3.211.0021.0021.00
#0000006.5421.001.001.00
##0000006.5421.001.001.00

Color blindness preview

Protanopia (red-blind)
#808AA2
Deuteranopia (green-blind)
#8F939F
Tritanopia (blue-blind)
#C27D8A
Achromatopsia (no color)
#909090

Design tokens & code

CSS
--color: #ba7da1;
/* rgb */ color: rgb(186, 125, 161);
/* oklch */ color: oklch(66.3% 0.089 343.6);
Tailwind
colors: {
  custom: {
    50: '#cfa3bc',
    500: '#ba7da1',
    950: '#000000',
  },
}
SCSS
$custom: #ba7da1;
$custom-light: #cfa3bc;
$custom-dark: #000000;
JSON
{
  "hex": "#ba7da1",
  "rgb": {
    "r": 186,
    "g": 125,
    "b": 161
  },
  "hsl": {
    "h": 324.59,
    "s": 30.653,
    "l": 60.98
  },
  "oklch": {
    "l": 0.66312,
    "c": 0.08909,
    "h": 343.6
  },
  "luminance": 0.2768
}

Semantic roles & 50–950 ramp

primary
#BA7DA1
secondary
#BED5C7
accent
#A9693C
background
#FCFAFB
surface
#F9F4F6
border
#D2CED0
text
#140F12
muted
#827F81

Preview Lab

Preview with #BA7DA1

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

Preview Lab → · Contrast checker → · Palette generator →

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