#B31EA3#B31EA3

#B31EA3 is a mid, highly saturated purple. Relative luminance 0.132; OKLCH L 53.8% C 0.223 H 333.4°. Best body text is #FFFFFF at 5.78:1 contrast (WCAG AA passes).

Color values

HEX#B31EA3
RGBrgb(179, 30, 163)
HSLhsl(306, 71%, 41%)
HSVhsv(306, 83%, 70%)
CMYKcmyk(0%, 83.2%, 8.9%, 29.8%)
CIE-LABlab(43.00, 68.86, -36.35)
CIE-LCHlch(43.00, 77.87, 332.17°)
OKLaboklab(53.85% 0.1994 -0.0999)
OKLCHoklch(53.85% 0.223 333.4)
XYZxyz(25.6658, 13.1589, 35.8314)
Luminance0.1316 (WCAG relative)
Temperatureneutral
Familypurple

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#B31EA3 #1EB32E
analogous
#781EB3 #B31EA3 #B31E58
triadic
#B31EA3 #A3B31E #1EA3B3
tetradic
#B31EA3 #B3781E #1EB32E #1E58B3
square
#B31EA3 #B3781E #1EB32E #1E58B3
split-complementary
#B31EA3 #58B31E #1EB378
monochromatic
#4A0C44 #7F1573 #B31EA3 #DD32CA #E566D8

Accessibility & contrast

On white

5.78
#B31EA3 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.63
#B31EA3 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #B31EA3
5.78:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##B31EA3#FFFFFF#000000##FFFFFF
##B31EA31.005.783.635.78
#FFFFFF5.781.0021.001.00
#0000003.6321.001.0021.00
##FFFFFF5.781.0021.001.00

Color blindness preview

Protanopia (red-blind)
#1558A6
Deuteranopia (green-blind)
#566DA0
Tritanopia (blue-blind)
#BB3162
Achromatopsia (no color)
#666666

Design tokens & code

CSS
--color: #b31ea3;
/* rgb */ color: rgb(179, 30, 163);
/* oklch */ color: oklch(53.8% 0.223 333.4);
Tailwind
colors: {
  custom: {
    50: '#ce6fbf',
    500: '#b31ea3',
    950: '#000000',
  },
}
SCSS
$custom: #b31ea3;
$custom-light: #ce6fbf;
$custom-dark: #000000;
JSON
{
  "hex": "#b31ea3",
  "rgb": {
    "r": 179,
    "g": 30,
    "b": 163
  },
  "hsl": {
    "h": 306.443,
    "s": 71.292,
    "l": 40.98
  },
  "oklch": {
    "l": 0.53845,
    "c": 0.22307,
    "h": 333.4
  },
  "luminance": 0.13157
}

Semantic roles & 50–950 ramp

primary
#B31EA3
secondary
#62CB6D
accent
#EE4D3A
background
#FDF7FB
surface
#FAEDF7
border
#D3C8D0
text
#140912
muted
#837B81

Preview Lab

Preview with #B31EA3

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

Preview Lab → · Contrast checker → · Palette generator →

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