#BA2A6B#BA2A6B

#BA2A6B is a mid, vivid pink. Relative luminance 0.132; OKLCH L 53.3% C 0.186 H 358.6°. Best body text is #FFFFFF at 5.78:1 contrast (WCAG AA passes).

Color values

HEX	#BA2A6B
RGB	rgb(186, 42, 107)
HSL	hsl(333, 63%, 45%)
HSV	hsv(333, 77%, 73%)
CMYK	cmyk(0%, 77.4%, 42.5%, 27.1%)
CIE-LAB	lab(43.00, 60.53, -2.02)
CIE-LCH	lch(43.00, 60.57, 358.09°)
OKLab	oklab(53.31% 0.1861 -0.0045)
OKLCH	oklch(53.31% 0.186 358.6)
XYZ	xyz(23.7333, 13.1597, 15.1974)
Luminance	0.1316 (WCAG relative)
Temperature	warm
Family	pink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#BA2A6B #2ABA79

analogous

#BA2AB3 #BA2A6B #BA312A

triadic

#BA2A6B #6BBA2A #2A6BBA

tetradic

#BA2A6B #B3BA2A #2ABA79 #312ABA

square

#BA2A6B #B3BA2A #2ABA79 #312ABA

split-complementary

#BA2A6B #2ABA31 #2AB3BA

monochromatic

#561332 #881F4E #BA2A6B #D64B8A #E27DAA

Accessibility & contrast

On white

5.78

#BA2A6B on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

3.63

#BA2A6B on #000000

AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #BA2A6B

5.78:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##BA2A6B	#FFFFFF	#000000	##FFFFFF
##BA2A6B	1.00	5.78	3.63	5.78
#FFFFFF	5.78	1.00	21.00	1.00
#000000	3.63	21.00	1.00	21.00
##FFFFFF	5.78	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#4A546D

Deuteranopia (green-blind)

#726F68

Tritanopia (blue-blind)

#CA0F47

Achromatopsia (no color)

#666666

Design tokens & code

CSS

--color: #ba2a6b;
/* rgb */ color: rgb(186, 42, 107);
/* oklch */ color: oklch(53.3% 0.186 358.6);

Tailwind

colors: {
  custom: {
    50: '#d47295',
    500: '#ba2a6b',
    950: '#000000',
  },
}

SCSS

$custom: #ba2a6b;
$custom-light: #d47295;
$custom-dark: #000000;

JSON

{
  "hex": "#ba2a6b",
  "rgb": {
    "r": 186,
    "g": 42,
    "b": 107
  },
  "hsl": {
    "h": 332.917,
    "s": 63.158,
    "l": 44.706
  },
  "oklch": {
    "l": 0.5331,
    "c": 0.18612,
    "h": 358.6
  },
  "luminance": 0.13157
}

Semantic roles & 50–950 ramp

primary

#BA2A6B

secondary

#76CAA4

accent

#E69C42

background

#FDF7F9

surface

#FBEDF1

border

#D4C8CB

text

#15090D

muted

#837B7E

Preview Lab

Preview with #BA2A6B

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

Preview Lab → · Contrast checker → · Palette generator →