#74379A#74379A

#74379A is a mid, vivid violet. Relative luminance 0.088; OKLCH L 46.4% C 0.160 H 310.0°. Best body text is #FFFFFF at 7.62:1 contrast (WCAG AA passes).

Color values

HEX#74379A
RGBrgb(116, 55, 154)
HSLhsl(277, 47%, 41%)
HSVhsv(277, 64%, 60%)
CMYKcmyk(24.7%, 64.3%, 0%, 39.6%)
CIE-LABlab(35.55, 44.33, -43.39)
CIE-LCHlch(35.55, 62.03, 315.62°)
OKLaboklab(46.36% 0.1025 -0.1224)
OKLCHoklch(46.36% 0.16 310)
XYZxyz(14.4003, 8.7788, 31.5015)
Luminance0.0878 (WCAG relative)
Temperaturecool
Familyviolet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#74379A #5D9A37
analogous
#43379A #74379A #9A378E
triadic
#74379A #9A7437 #379A74
tetradic
#74379A #9A4337 #5D9A37 #378E9A
square
#74379A #9A4337 #5D9A37 #378E9A
split-complementary
#74379A #8E9A37 #379A43
monochromatic
#301740 #52276D #74379A #944EC0 #B07BD0

Accessibility & contrast

On white

7.62
#74379A on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.76
#74379A on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #74379A
7.62:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##74379A#FFFFFF#000000##FFFFFF
##74379A1.007.622.767.62
#FFFFFF7.621.0021.001.00
#0000002.7621.001.0021.00
##FFFFFF7.621.0021.001.00

Color blindness preview

Protanopia (red-blind)
#02519D
Deuteranopia (green-blind)
#2A5598
Tritanopia (blue-blind)
#6F4B63
Achromatopsia (no color)
#545454

Design tokens & code

CSS
--color: #74379a;
/* rgb */ color: rgb(116, 55, 154);
/* oklch */ color: oklch(46.4% 0.160 310.0);
Tailwind
colors: {
  custom: {
    50: '#9f72b8',
    500: '#74379a',
    950: '#000000',
  },
}
SCSS
$custom: #74379a;
$custom-light: #9f72b8;
$custom-dark: #000000;
JSON
{
  "hex": "#74379a",
  "rgb": {
    "r": 116,
    "g": 55,
    "b": 154
  },
  "hsl": {
    "h": 276.97,
    "s": 47.368,
    "l": 40.98
  },
  "oklch": {
    "l": 0.46361,
    "c": 0.15965,
    "h": 310
  },
  "luminance": 0.08778
}

Semantic roles & 50–950 ramp

primary
#74379A
secondary
#8EB974
accent
#D75184
background
#FAF7FB
surface
#F4EDF6
border
#CEC8D0
text
#0F0811
muted
#7F7B80

Preview Lab

Preview with #74379A

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

Preview Lab → · Contrast checker → · Palette generator →

#74379A Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva