#B31E75#B31E75

#B31E75 is a mid, vivid pink. Relative luminance 0.118; OKLCH L 51.6% C 0.196 H 351.2°. Best body text is #FFFFFF at 6.25:1 contrast (WCAG AA passes).

Color values

HEX#B31E75
RGBrgb(179, 30, 117)
HSLhsl(325, 71%, 41%)
HSVhsv(325, 83%, 70%)
CMYKcmyk(0%, 83.2%, 34.6%, 29.8%)
CIE-LABlab(40.90, 62.99, -11.53)
CIE-LCHlch(40.90, 64.04, 349.63°)
OKLaboklab(51.65% 0.1935 -0.0299)
OKLCHoklch(51.65% 0.196 351.2)
XYZxyz(22.2670, 11.7994, 17.9311)
Luminance0.1180 (WCAG relative)
Temperaturewarm
Familypink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#B31E75 #1EB35C
analogous
#A61EB3 #B31E75 #B31E2B
triadic
#B31E75 #75B31E #1E75B3
tetradic
#B31E75 #B3A61E #1EB35C #1E2BB3
square
#B31E75 #B3A61E #1EB35C #1E2BB3
split-complementary
#B31E75 #2BB31E #1EB3A6
monochromatic
#4A0C30 #7F1553 #B31E75 #DD3295 #E566B0

Accessibility & contrast

On white

6.25
#B31E75 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.36
#B31E75 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #B31E75
6.25:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##B31E75#FFFFFF#000000##FFFFFF
##B31E751.006.253.366.25
#FFFFFF6.251.0021.001.00
#0000003.3621.001.0021.00
##FFFFFF6.251.0021.001.00

Color blindness preview

Protanopia (red-blind)
#3C5077
Deuteranopia (green-blind)
#676A72
Tritanopia (blue-blind)
#C10A48
Achromatopsia (no color)
#606060

Design tokens & code

CSS
--color: #b31e75;
/* rgb */ color: rgb(179, 30, 117);
/* oklch */ color: oklch(51.6% 0.196 351.2);
Tailwind
colors: {
  custom: {
    50: '#cf6d9c',
    500: '#b31e75',
    950: '#000000',
  },
}
SCSS
$custom: #b31e75;
$custom-light: #cf6d9c;
$custom-dark: #000000;
JSON
{
  "hex": "#b31e75",
  "rgb": {
    "r": 179,
    "g": 30,
    "b": 117
  },
  "hsl": {
    "h": 324.966,
    "s": 71.292,
    "l": 40.98
  },
  "oklch": {
    "l": 0.51646,
    "c": 0.19578,
    "h": 351.2
  },
  "luminance": 0.11797
}

Semantic roles & 50–950 ramp

primary
#B31E75
secondary
#62CB8E
accent
#EE853A
background
#FDF7F9
surface
#FAEDF2
border
#D3C8CC
text
#15080E
muted
#837B7E

Preview Lab

Preview with #B31E75

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

Preview Lab → · Contrast checker → · Palette generator →

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