#B22A75#B22A75

#B22A75 is a mid, vivid pink. Relative luminance 0.124; OKLCH L 52.3% C 0.184 H 351.9°. Best body text is #FFFFFF at 6.03:1 contrast (WCAG AA passes).

Color values

HEX#B22A75
RGBrgb(178, 42, 117)
HSLhsl(327, 62%, 43%)
HSVhsv(327, 76%, 70%)
CMYKcmyk(0%, 76.4%, 34.3%, 30.2%)
CIE-LABlab(41.86, 59.46, -10.10)
CIE-LCHlch(41.86, 60.31, 350.36°)
OKLaboklab(52.31% 0.1823 -0.0261)
OKLCHoklch(52.31% 0.184 351.9)
XYZxyz(22.4003, 12.4080, 18.0415)
Luminance0.1240 (WCAG relative)
Temperaturewarm
Familypink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#B22A75 #2AB267
analogous
#AB2AB2 #B22A75 #B22A31
triadic
#B22A75 #75B22A #2A75B2
tetradic
#B22A75 #B2AB2A #2AB267 #2A31B2
square
#B22A75 #B2AB2A #2AB267 #2A31B2
split-complementary
#B22A75 #31B22A #2AB2AB
monochromatic
#4F1334 #801E54 #B22A75 #D34694 #DF77B1

Accessibility & contrast

On white

6.03
#B22A75 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.48
#B22A75 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #B22A75
6.03:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##B22A75#FFFFFF#000000##FFFFFF
##B22A751.006.033.486.03
#FFFFFF6.031.0021.001.00
#0000003.4821.001.0021.00
##FFFFFF6.031.0021.001.00

Color blindness preview

Protanopia (red-blind)
#435377
Deuteranopia (green-blind)
#6A6C72
Tritanopia (blue-blind)
#C01E4C
Achromatopsia (no color)
#636363

Design tokens & code

CSS
--color: #b22a75;
/* rgb */ color: rgb(178, 42, 117);
/* oklch */ color: oklch(52.3% 0.184 351.9);
Tailwind
colors: {
  custom: {
    50: '#ce719c',
    500: '#b22a75',
    950: '#000000',
  },
}
SCSS
$custom: #b22a75;
$custom-light: #ce719c;
$custom-dark: #000000;
JSON
{
  "hex": "#b22a75",
  "rgb": {
    "r": 178,
    "g": 42,
    "b": 117
  },
  "hsl": {
    "h": 326.912,
    "s": 61.818,
    "l": 43.137
  },
  "oklch": {
    "l": 0.52312,
    "c": 0.18412,
    "h": 351.9
  },
  "luminance": 0.12405
}

Semantic roles & 50–950 ramp

primary
#B22A75
secondary
#71C797
accent
#E58C43
background
#FDF7F9
surface
#FAEDF2
border
#D3C8CC
text
#14090E
muted
#837B7E

Preview Lab

Preview with #B22A75

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

Preview Lab → · Contrast checker → · Palette generator →

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