#321338#321338

#321338 is a dark, moderate purple. Relative luminance 0.014; OKLCH L 25.2% C 0.077 H 320.9°. Best body text is #FFFFFF at 16.33:1 contrast (WCAG AA passes).

Color values

HEX#321338
RGBrgb(50, 19, 56)
HSLhsl(290, 49%, 15%)
HSVhsv(290, 66%, 22%)
CMYKcmyk(10.7%, 66.1%, 0%, 78%)
CIE-LABlab(12.15, 22.47, -17.37)
CIE-LCHlch(12.15, 28.41, 322.29°)
OKLaboklab(25.22% 0.0594 -0.0483)
OKLCHoklch(25.22% 0.077 320.9)
XYZxyz(2.2620, 1.4295, 3.8974)
Luminance0.0143 (WCAG relative)
Temperatureneutral
Familypurple

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#321338 #193813
analogous
#201338 #321338 #38132C
triadic
#321338 #383213 #133832
tetradic
#321338 #382013 #193813 #132C38
square
#321338 #382013 #193813 #132C38
split-complementary
#321338 #2C3813 #133820
monochromatic
#140817 #140817 #321338 #5B2366 #843293

Accessibility & contrast

On white

16.33
#321338 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.29
#321338 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #321338
16.33:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##321338#FFFFFF#000000##FFFFFF
##3213381.0016.331.2916.33
#FFFFFF16.331.0021.001.00
#0000001.2921.001.0021.00
##FFFFFF16.331.0021.001.00

Color blindness preview

Protanopia (red-blind)
#0C1E39
Deuteranopia (green-blind)
#172137
Tritanopia (blue-blind)
#321823
Achromatopsia (no color)
#202020

Design tokens & code

CSS
--color: #321338;
/* rgb */ color: rgb(50, 19, 56);
/* oklch */ color: oklch(25.2% 0.077 320.9);
Tailwind
colors: {
  custom: {
    50: '#6b526f',
    500: '#321338',
    950: '#000000',
  },
}
SCSS
$custom: #321338;
$custom-light: #6b526f;
$custom-dark: #000000;
JSON
{
  "hex": "#321338",
  "rgb": {
    "r": 50,
    "g": 19,
    "b": 56
  },
  "hsl": {
    "h": 290.27,
    "s": 49.333,
    "l": 14.706
  },
  "oklch": {
    "l": 0.25219,
    "c": 0.07653,
    "h": 320.9
  },
  "luminance": 0.01429
}

Semantic roles & 50–950 ramp

primary
#321338
secondary
#407037
accent
#D94F65
background
#F6F4F6
surface
#EBE7EC
border
#C6C3C7
text
#070207
muted
#7A787A

Preview Lab

Preview with #321338

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

Preview Lab → · Contrast checker → · Palette generator →

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