#B1315D#B1315D

#B1315D is a mid, vivid pink. Relative luminance 0.123; OKLCH L 51.9% C 0.167 H 4.3°. Best body text is #FFFFFF at 6.06:1 contrast (WCAG AA passes).

Color values

HEX#B1315D
RGBrgb(177, 49, 93)
HSLhsl(339, 57%, 44%)
HSVhsv(339, 72%, 69%)
CMYKcmyk(0%, 72.3%, 47.5%, 30.6%)
CIE-LABlab(41.75, 54.36, 4.70)
CIE-LCHlch(41.75, 54.56, 4.94°)
OKLaboklab(51.94% 0.1662 0.0126)
OKLCHoklch(51.94% 0.167 4.3)
XYZxyz(21.2073, 12.3368, 11.6183)
Luminance0.1233 (WCAG relative)
Temperaturewarm
Familypink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#B1315D #31B185
analogous
#B1319D #B1315D #B14531
triadic
#B1315D #5DB131 #315DB1
tetradic
#B1315D #9DB131 #31B185 #4531B1
square
#B1315D #9DB131 #31B185 #4531B1
split-complementary
#B1315D #31B145 #319DB1
monochromatic
#51162B #812444 #B1315D #CF517C #DC80A0

Accessibility & contrast

On white

6.06
#B1315D on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.47
#B1315D on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #B1315D
6.06:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##B1315D#FFFFFF#000000##FFFFFF
##B1315D1.006.063.476.06
#FFFFFF6.061.0021.001.00
#0000003.4721.001.0021.00
##FFFFFF6.061.0021.001.00

Color blindness preview

Protanopia (red-blind)
#4E525E
Deuteranopia (green-blind)
#706C5A
Tritanopia (blue-blind)
#C01A43
Achromatopsia (no color)
#626262

Design tokens & code

CSS
--color: #b1315d;
/* rgb */ color: rgb(177, 49, 93);
/* oklch */ color: oklch(51.9% 0.167 4.3);
Tailwind
colors: {
  custom: {
    50: '#ce738a',
    500: '#b1315d',
    950: '#000000',
  },
}
SCSS
$custom: #b1315d;
$custom-light: #ce738a;
$custom-dark: #000000;
JSON
{
  "hex": "#b1315d",
  "rgb": {
    "r": 177,
    "g": 49,
    "b": 93
  },
  "hsl": {
    "h": 339.375,
    "s": 56.637,
    "l": 44.314
  },
  "oklch": {
    "l": 0.51945,
    "c": 0.16668,
    "h": 4.3
  },
  "luminance": 0.12334
}

Semantic roles & 50–950 ramp

primary
#B1315D
secondary
#79C5AB
accent
#E0AC48
background
#FDF7F8
surface
#FAEDF0
border
#D3C8CB
text
#15090B
muted
#837B7C

Preview Lab

Preview with #B1315D

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

Preview Lab → · Contrast checker → · Palette generator →

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