#B02696#B02696

#B02696 is a mid, highly saturated pink. Relative luminance 0.128; OKLCH L 53.2% C 0.206 H 337.2°. Best body text is #FFFFFF at 5.89:1 contrast (WCAG AA passes).

Color values

HEX#B02696
RGBrgb(176, 38, 150)
HSLhsl(311, 64%, 42%)
HSVhsv(311, 78%, 69%)
CMYKcmyk(0%, 78.4%, 14.8%, 31%)
CIE-LABlab(42.49, 64.36, -29.37)
CIE-LCHlch(42.49, 70.75, 335.47°)
OKLaboklab(53.16% 0.19 -0.08)
OKLCHoklch(53.16% 0.206 337.2)
XYZxyz(24.1031, 12.8207, 30.0535)
Luminance0.1282 (WCAG relative)
Temperatureneutral
Familypink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#B02696 #26B040
analogous
#8526B0 #B02696 #B02651
triadic
#B02696 #96B026 #2696B0
tetradic
#B02696 #B08526 #26B040 #2651B0
square
#B02696 #B08526 #26B040 #2651B0
split-complementary
#B02696 #51B026 #26B085
monochromatic
#4B1040 #7E1B6B #B02696 #D53EB9 #E070CB

Accessibility & contrast

On white

5.89
#B02696 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.56
#B02696 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #B02696
5.89:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##B02696#FFFFFF#000000##FFFFFF
##B026961.005.893.565.89
#FFFFFF5.891.0021.001.00
#0000003.5621.001.0021.00
##FFFFFF5.891.0021.001.00

Color blindness preview

Protanopia (red-blind)
#2B5799
Deuteranopia (green-blind)
#5C6C93
Tritanopia (blue-blind)
#BA305C
Achromatopsia (no color)
#646464

Design tokens & code

CSS
--color: #b02696;
/* rgb */ color: rgb(176, 38, 150);
/* oklch */ color: oklch(53.2% 0.206 337.2);
Tailwind
colors: {
  custom: {
    50: '#cc71b5',
    500: '#b02696',
    950: '#000000',
  },
}
SCSS
$custom: #b02696;
$custom-light: #cc71b5;
$custom-dark: #000000;
JSON
{
  "hex": "#b02696",
  "rgb": {
    "r": 176,
    "g": 38,
    "b": 150
  },
  "hsl": {
    "h": 311.304,
    "s": 64.486,
    "l": 41.961
  },
  "oklch": {
    "l": 0.53165,
    "c": 0.20612,
    "h": 337.2
  },
  "luminance": 0.12818
}

Semantic roles & 50–950 ramp

primary
#B02696
secondary
#6BC77C
accent
#E76040
background
#FDF7FB
surface
#FAEDF6
border
#D3C8D0
text
#140911
muted
#837B80

Preview Lab

Preview with #B02696

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

Preview Lab → · Contrast checker → · Palette generator →

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