#311684#311684

#311684 is a dark, vivid violet. Relative luminance 0.029; OKLCH L 32.6% C 0.166 H 283.5°. Best body text is #FFFFFF at 13.30:1 contrast (WCAG AA passes).

Color values

HEX#311684
RGBrgb(49, 22, 132)
HSLhsl(255, 71%, 30%)
HSVhsv(255, 83%, 52%)
CMYKcmyk(62.9%, 83.3%, 0%, 48.2%)
CIE-LABlab(19.61, 42.43, -56.11)
CIE-LCHlch(19.61, 70.35, 307.09°)
OKLaboklab(32.62% 0.0387 -0.1618)
OKLCHoklch(32.62% 0.166 283.5)
XYZxyz(5.7171, 2.8923, 22.0823)
Luminance0.0289 (WCAG relative)
Temperaturecool
Familyviolet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#311684 #698416
analogous
#163284 #311684 #681684
triadic
#311684 #843116 #168431
tetradic
#311684 #841632 #698416 #168468
square
#311684 #841632 #698416 #168468
split-complementary
#311684 #846816 #328416
monochromatic
#0A051B #1E0D50 #311684 #441FB8 #6037DE

Accessibility & contrast

On white

13.30
#311684 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.58
#311684 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #311684
13.30:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##311684#FFFFFF#000000##FFFFFF
##3116841.0013.301.5813.30
#FFFFFF13.301.0021.001.00
#0000001.5821.001.0021.00
##FFFFFF13.301.0021.001.00

Color blindness preview

Protanopia (red-blind)
#003387
Deuteranopia (green-blind)
#002C82
Tritanopia (blue-blind)
#00384E
Achromatopsia (no color)
#2F2F2F

Design tokens & code

CSS
--color: #311684;
/* rgb */ color: rgb(49, 22, 132);
/* oklch */ color: oklch(32.6% 0.166 283.5);
Tailwind
colors: {
  custom: {
    50: '#7558a9',
    500: '#311684',
    950: '#000000',
  },
}
SCSS
$custom: #311684;
$custom-light: #7558a9;
$custom-dark: #000000;
JSON
{
  "hex": "#311684",
  "rgb": {
    "r": 49,
    "g": 22,
    "b": 132
  },
  "hsl": {
    "h": 254.727,
    "s": 71.429,
    "l": 30.196
  },
  "oklch": {
    "l": 0.32622,
    "c": 0.16636,
    "h": 283.5
  },
  "luminance": 0.02893
}

Semantic roles & 50–950 ramp

primary
#311684
secondary
#9AB83D
accent
#EE3AC2
background
#F7F5FA
surface
#EEE9F4
border
#C9C5CE
text
#090410
muted
#7B797F

Preview Lab

Preview with #311684

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

Preview Lab → · Contrast checker → · Palette generator →

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