#B02655#B02655

#B02655 is a mid, vivid pink. Relative luminance 0.113; OKLCH L 50.6% C 0.175 H 6.2°. Best body text is #FFFFFF at 6.45:1 contrast (WCAG AA passes).

Color values

HEX#B02655
RGBrgb(176, 38, 85)
HSLhsl(340, 64%, 42%)
HSVhsv(340, 78%, 69%)
CMYKcmyk(0%, 78.4%, 51.7%, 31%)
CIE-LABlab(40.04, 57.02, 7.29)
CIE-LCHlch(40.04, 57.49, 7.28°)
OKLaboklab(50.58% 0.1742 0.019)
OKLCHoklch(50.58% 0.175 6.2)
XYZxyz(20.2391, 11.2751, 9.7031)
Luminance0.1127 (WCAG relative)
Temperaturewarm
Familypink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#B02655 #26B081
analogous
#B0269A #B02655 #B03C26
triadic
#B02655 #55B026 #2655B0
tetradic
#B02655 #9AB026 #26B081 #3C26B0
square
#B02655 #9AB026 #26B081 #3C26B0
split-complementary
#B02655 #26B03C #269AB0
monochromatic
#4B1024 #7E1B3D #B02655 #D53E71 #E07096

Accessibility & contrast

On white

6.45
#B02655 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.25
#B02655 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #B02655
6.45:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##B02655#FFFFFF#000000##FFFFFF
##B026551.006.453.256.45
#FFFFFF6.451.0021.001.00
#0000003.2521.001.0021.00
##FFFFFF6.451.0021.001.00

Color blindness preview

Protanopia (red-blind)
#4A4D56
Deuteranopia (green-blind)
#6E6852
Tritanopia (blue-blind)
#C0003B
Achromatopsia (no color)
#5E5E5E

Design tokens & code

CSS
--color: #b02655;
/* rgb */ color: rgb(176, 38, 85);
/* oklch */ color: oklch(50.6% 0.175 6.2);
Tailwind
colors: {
  custom: {
    50: '#ce6e84',
    500: '#b02655',
    950: '#000000',
  },
}
SCSS
$custom: #b02655;
$custom-light: #ce6e84;
$custom-dark: #000000;
JSON
{
  "hex": "#b02655",
  "rgb": {
    "r": 176,
    "g": 38,
    "b": 85
  },
  "hsl": {
    "h": 339.565,
    "s": 64.486,
    "l": 41.961
  },
  "oklch": {
    "l": 0.50582,
    "c": 0.17518,
    "h": 6.2
  },
  "luminance": 0.11272
}

Semantic roles & 50–950 ramp

primary
#B02655
secondary
#6BC7A8
accent
#E7AF40
background
#FDF7F8
surface
#FAEDEF
border
#D3C8CA
text
#15080A
muted
#837B7C

Preview Lab

Preview with #B02655

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

Preview Lab → · Contrast checker → · Palette generator →

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