#751580#751580

#751580 is a dark, vivid purple. Relative luminance 0.059; OKLCH L 41.2% C 0.176 H 323.3°. Best body text is #FFFFFF at 9.65:1 contrast (WCAG AA passes).

Color values

HEX#751580
RGBrgb(117, 21, 128)
HSLhsl(294, 72%, 29%)
HSVhsv(294, 84%, 50%)
CMYKcmyk(8.6%, 83.6%, 0%, 49.8%)
CIE-LABlab(29.10, 52.90, -37.69)
CIE-LCHlch(29.10, 64.96, 324.53°)
OKLaboklab(41.23% 0.1414 -0.1054)
OKLCHoklch(41.23% 0.176 323.3)
XYZxyz(11.5002, 5.8775, 20.9466)
Luminance0.0588 (WCAG relative)
Temperatureneutral
Familypurple

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#751580 #208015
analogous
#401580 #751580 #801556
triadic
#751580 #807515 #158075
tetradic
#751580 #804015 #208015 #155680
square
#751580 #804015 #208015 #155680
split-complementary
#751580 #568015 #158040
monochromatic
#18041A #450C4B #751580 #A51EB5 #CC32DD

Accessibility & contrast

On white

9.65
#751580 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.18
#751580 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #751580
9.65:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##751580#FFFFFF#000000##FFFFFF
##7515801.009.652.189.65
#FFFFFF9.651.0021.001.00
#0000002.1821.001.0021.00
##FFFFFF9.651.0021.001.00

Color blindness preview

Protanopia (red-blind)
#003E83
Deuteranopia (green-blind)
#29487E
Tritanopia (blue-blind)
#772C4C
Achromatopsia (no color)
#454545

Design tokens & code

CSS
--color: #751580;
/* rgb */ color: rgb(117, 21, 128);
/* oklch */ color: oklch(41.2% 0.176 323.3);
Tailwind
colors: {
  custom: {
    50: '#a061a5',
    500: '#751580',
    950: '#000000',
  },
}
SCSS
$custom: #751580;
$custom-light: #a061a5;
$custom-dark: #000000;
JSON
{
  "hex": "#751580",
  "rgb": {
    "r": 117,
    "g": 21,
    "b": 128
  },
  "hsl": {
    "h": 293.832,
    "s": 71.812,
    "l": 29.216
  },
  "oklch": {
    "l": 0.41228,
    "c": 0.17636,
    "h": 323.3
  },
  "luminance": 0.05877
}

Semantic roles & 50–950 ramp

primary
#751580
secondary
#48B53C
accent
#EF394C
background
#FAF6FA
surface
#F4EBF4
border
#CEC6CE
text
#0F050F
muted
#7F7A7F

Preview Lab

Preview with #751580

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

Preview Lab → · Contrast checker → · Palette generator →

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