#391C4F#391C4F

#391C4F is a dark, moderate violet. Relative luminance 0.023; OKLCH L 29.4% C 0.093 H 307.9°. Best body text is #FFFFFF at 14.45:1 contrast (WCAG AA passes).

Color values

HEX#391C4F
RGBrgb(57, 28, 79)
HSLhsl(274, 48%, 21%)
HSVhsv(274, 65%, 31%)
CMYKcmyk(27.8%, 64.6%, 0%, 69%)
CIE-LABlab(16.82, 25.10, -25.93)
CIE-LCHlch(16.82, 36.09, 314.06°)
OKLaboklab(29.36% 0.0569 -0.0731)
OKLCHoklch(29.36% 0.093 307.9)
XYZxyz(3.5136, 2.2649, 7.6477)
Luminance0.0226 (WCAG relative)
Temperaturecool
Familyviolet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#391C4F #324F1C
analogous
#1F1C4F #391C4F #4F1C4B
triadic
#391C4F #4F391C #1C4F39
tetradic
#391C4F #4F1F1C #324F1C #1C4B4F
square
#391C4F #4F1F1C #324F1C #1C4B4F
split-complementary
#391C4F #4B4F1C #1C4F1F
monochromatic
#100817 #180C22 #391C4F #5A2C7C #7A3CA9

Accessibility & contrast

On white

14.45
#391C4F on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.45
#391C4F on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #391C4F
14.45:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##391C4F#FFFFFF#000000##FFFFFF
##391C4F1.0014.451.4514.45
#FFFFFF14.451.0021.001.00
#0000001.4521.001.0021.00
##FFFFFF14.451.0021.001.00

Color blindness preview

Protanopia (red-blind)
#082851
Deuteranopia (green-blind)
#142A4E
Tritanopia (blue-blind)
#362632
Achromatopsia (no color)
#292929

Design tokens & code

CSS
--color: #391c4f;
/* rgb */ color: rgb(57, 28, 79);
/* oklch */ color: oklch(29.4% 0.093 307.9);
Tailwind
colors: {
  custom: {
    50: '#715a81',
    500: '#391c4f',
    950: '#000000',
  },
}
SCSS
$custom: #391c4f;
$custom-light: #715a81;
$custom-dark: #000000;
JSON
{
  "hex": "#391c4f",
  "rgb": {
    "r": 57,
    "g": 28,
    "b": 79
  },
  "hsl": {
    "h": 274.118,
    "s": 47.664,
    "l": 20.98
  },
  "oklch": {
    "l": 0.29364,
    "c": 0.09263,
    "h": 307.9
  },
  "luminance": 0.02265
}

Semantic roles & 50–950 ramp

primary
#391C4F
secondary
#5F8542
accent
#D7518B
background
#F7F5F7
surface
#EDE9EE
border
#C8C5C9
text
#08040A
muted
#7B797C

Preview Lab

Preview with #391C4F

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

Preview Lab → · Contrast checker → · Palette generator →

#391C4F Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva