#341048#341048

#341048 is a dark, moderate violet. Relative luminance 0.016; OKLCH L 26.3% C 0.102 H 310.7°. Best body text is #FFFFFF at 15.98:1 contrast (WCAG AA passes).

Color values

HEX#341048
RGBrgb(52, 16, 72)
HSLhsl(279, 64%, 17%)
HSVhsv(279, 78%, 28%)
CMYKcmyk(27.8%, 77.8%, 0%, 71.8%)
CIE-LABlab(13.04, 28.72, -27.23)
CIE-LCHlch(13.04, 39.58, 316.52°)
OKLaboklab(26.3% 0.0663 -0.077)
OKLCHoklch(26.3% 0.102 310.7)
XYZxyz(2.7709, 1.5686, 6.2864)
Luminance0.0157 (WCAG relative)
Temperaturecool
Familyviolet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#341048 #244810
analogous
#181048 #341048 #481040
triadic
#341048 #483410 #104834
tetradic
#341048 #481810 #244810 #104048
square
#341048 #481810 #244810 #104048
split-complementary
#341048 #404810 #104818
monochromatic
#120619 #120619 #341048 #581B7A #7C26AC

Accessibility & contrast

On white

15.98
#341048 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.31
#341048 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #341048
15.98:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##341048#FFFFFF#000000##FFFFFF
##3410481.0015.981.3115.98
#FFFFFF15.981.0021.001.00
#0000001.3121.001.0021.00
##FFFFFF15.981.0021.001.00

Color blindness preview

Protanopia (red-blind)
#00204A
Deuteranopia (green-blind)
#082247
Tritanopia (blue-blind)
#311C2A
Achromatopsia (no color)
#222222

Design tokens & code

CSS
--color: #341048;
/* rgb */ color: rgb(52, 16, 72);
/* oklch */ color: oklch(26.3% 0.102 310.7);
Tailwind
colors: {
  custom: {
    50: '#6e527b',
    500: '#341048',
    950: '#000000',
  },
}
SCSS
$custom: #341048;
$custom-light: #6e527b;
$custom-dark: #000000;
JSON
{
  "hex": "#341048",
  "rgb": {
    "r": 52,
    "g": 16,
    "b": 72
  },
  "hsl": {
    "h": 278.571,
    "s": 63.636,
    "l": 17.255
  },
  "oklch": {
    "l": 0.263,
    "c": 0.10161,
    "h": 310.7
  },
  "luminance": 0.01569
}

Semantic roles & 50–950 ramp

primary
#341048
secondary
#4E8232
accent
#E7417C
background
#F6F4F7
surface
#ECE7EE
border
#C7C3C9
text
#070209
muted
#7A787B

Preview Lab

Preview with #341048

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

Preview Lab → · Contrast checker → · Palette generator →

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