#3B1964#3B1964

#3B1964 is a dark, vivid violet. Relative luminance 0.025; OKLCH L 30.9% C 0.124 H 299.8°. Best body text is #FFFFFF at 13.92:1 contrast (WCAG AA passes).

Color values

HEX	#3B1964
RGB	rgb(59, 25, 100)
HSL	hsl(267, 60%, 25%)
HSV	hsv(267, 75%, 39%)
CMYK	cmyk(41%, 75%, 0%, 60.8%)
CIE-LAB	lab(18.12, 33.15, -37.88)
CIE-LCH	lch(18.12, 50.34, 311.19°)
OKLab	oklab(30.89% 0.0618 -0.1081)
OKLCH	oklch(30.89% 0.125 299.8)
XYZ	xyz(4.4509, 2.5451, 12.3109)
Luminance	0.0255 (WCAG relative)
Temperature	cool
Family	violet

Closest named colors

Royal Purple (survey)

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#3B1964 #426419

analogous

#191D64 #3B1964 #611964

triadic

#3B1964 #643B19 #19643B

tetradic

#3B1964 #64191D #426419 #196461

square

#3B1964 #64191D #426419 #196461

split-complementary

#3B1964 #646119 #1D6419

monochromatic

#0E0618 #1E0D33 #3B1964 #582595 #7531C6

Accessibility & contrast

On white

13.92

#3B1964 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

1.51

#3B1964 on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #3B1964

13.92:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##3B1964	#FFFFFF	#000000	##FFFFFF
##3B1964	1.00	13.92	1.51	13.92
#FFFFFF	13.92	1.00	21.00	1.00
#000000	1.51	21.00	1.00	21.00
##FFFFFF	13.92	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#002C66

Deuteranopia (green-blind)

#002C62

Tritanopia (blue-blind)

#322B3C

Achromatopsia (no color)

#2C2C2C

Design tokens & code

CSS

--color: #3b1964;
/* rgb */ color: rgb(59, 25, 100);
/* oklch */ color: oklch(30.9% 0.124 299.8);

Tailwind

colors: {
  custom: {
    50: '#755991',
    500: '#3b1964',
    950: '#000000',
  },
}

SCSS

$custom: #3b1964;
$custom-light: #755991;
$custom-dark: #000000;

JSON

{
  "hex": "#3b1964",
  "rgb": {
    "r": 59,
    "g": 25,
    "b": 100
  },
  "hsl": {
    "h": 267.2,
    "s": 60,
    "l": 24.51
  },
  "oklch": {
    "l": 0.30886,
    "c": 0.1245,
    "h": 299.8
  },
  "luminance": 0.02545
}

Semantic roles & 50–950 ramp

primary

#3B1964

secondary

#719A3F

accent

#E3459B

background

#F7F5F8

surface

#EDE9F0

border

#C8C5CB

text

#09040D

muted

#7B797D

Preview Lab

Preview with #3B1964

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

Preview Lab → · Contrast checker → · Palette generator →