#7B1BA0#7B1BA0

#7B1BA0 is a dark, highly saturated purple. Relative luminance 0.075; OKLCH L 44.9% C 0.201 H 313.8°. Best body text is #FFFFFF at 8.38:1 contrast (WCAG AA passes).

Color values

HEX#7B1BA0
RGBrgb(123, 27, 160)
HSLhsl(283, 71%, 37%)
HSVhsv(283, 83%, 63%)
CMYKcmyk(23.1%, 83.1%, 0%, 37.3%)
CIE-LABlab(32.99, 58.46, -51.11)
CIE-LCHlch(32.99, 77.65, 318.83°)
OKLaboklab(44.89% 0.1389 -0.1446)
OKLCHoklch(44.89% 0.201 313.8)
XYZxyz(14.9044, 7.5334, 33.9199)
Luminance0.0753 (WCAG relative)
Temperaturecool
Familypurple

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#7B1BA0 #40A01B
analogous
#381BA0 #7B1BA0 #A01B83
triadic
#7B1BA0 #A07B1B #1BA07B
tetradic
#7B1BA0 #A0381B #40A01B #1B83A0
square
#7B1BA0 #A0381B #40A01B #1B83A0
split-complementary
#7B1BA0 #83A01B #1BA038
monochromatic
#2A0937 #53126C #7B1BA0 #A324D4 #BA53E2

Accessibility & contrast

On white

8.38
#7B1BA0 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.51
#7B1BA0 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #7B1BA0
8.38:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##7B1BA0#FFFFFF#000000##FFFFFF
##7B1BA01.008.382.518.38
#FFFFFF8.381.0021.001.00
#0000002.5121.001.0021.00
##FFFFFF8.381.0021.001.00

Color blindness preview

Protanopia (red-blind)
#0049A3
Deuteranopia (green-blind)
#07509D
Tritanopia (blue-blind)
#773D5F
Achromatopsia (no color)
#4E4E4E

Design tokens & code

CSS
--color: #7b1ba0;
/* rgb */ color: rgb(123, 27, 160);
/* oklch */ color: oklch(44.9% 0.201 313.8);
Tailwind
colors: {
  custom: {
    50: '#a665bd',
    500: '#7b1ba0',
    950: '#000000',
  },
}
SCSS
$custom: #7b1ba0;
$custom-light: #a665bd;
$custom-dark: #000000;
JSON
{
  "hex": "#7b1ba0",
  "rgb": {
    "r": 123,
    "g": 27,
    "b": 160
  },
  "hsl": {
    "h": 283.308,
    "s": 71.123,
    "l": 36.667
  },
  "oklch": {
    "l": 0.44885,
    "c": 0.20051,
    "h": 313.8
  },
  "luminance": 0.07533
}

Semantic roles & 50–950 ramp

primary
#7B1BA0
secondary
#72C552
accent
#EE3A6C
background
#FAF6FB
surface
#F4EBF7
border
#CEC6D0
text
#100612
muted
#7F7A81

Preview Lab

Preview with #7B1BA0

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

Preview Lab → · Contrast checker → · Palette generator →

#7B1BA0 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva