#301357#301357

#301357 is a dark, moderate violet. Relative luminance 0.018; OKLCH L 27.5% C 0.115 H 297.8°. Best body text is #FFFFFF at 15.48:1 contrast (WCAG AA passes).

Color values

HEX	#301357
RGB	rgb(48, 19, 87)
HSL	hsl(266, 64%, 21%)
HSV	hsv(266, 78%, 34%)
CMYK	cmyk(44.8%, 78.2%, 0%, 65.9%)
CIE-LAB	lab(14.30, 30.37, -35.49)
CIE-LCH	lch(14.30, 46.71, 310.55°)
OKLab	oklab(27.48% 0.0534 -0.1015)
OKLCH	oklch(27.48% 0.115 297.8)
XYZ	xyz(3.1717, 1.7822, 9.1919)
Luminance	0.0178 (WCAG relative)
Temperature	cool
Family	violet

Closest named colors

Royal Purple (survey)

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#301357 #3A5713

analogous

#131857 #301357 #521357

triadic

#301357 #573013 #135730

tetradic

#301357 #571318 #3A5713 #135752

square

#301357 #571318 #3A5713 #135752

split-complementary

#301357 #575213 #185713

monochromatic

#0E0519 #140825 #301357 #4C1E89 #6729BB

Accessibility & contrast

On white

15.48

#301357 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

1.36

#301357 on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #301357

15.48:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##301357	#FFFFFF	#000000	##FFFFFF
##301357	1.00	15.48	1.36	15.48
#FFFFFF	15.48	1.00	21.00	1.00
#000000	1.36	21.00	1.00	21.00
##FFFFFF	15.48	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#002459

Deuteranopia (green-blind)

#002356

Tritanopia (blue-blind)

#262433

Achromatopsia (no color)

#242424

Design tokens & code

CSS

--color: #301357;
/* rgb */ color: rgb(48, 19, 87);
/* oklch */ color: oklch(27.5% 0.115 297.8);

Tailwind

colors: {
  custom: {
    50: '#6d5487',
    500: '#301357',
    950: '#000000',
  },
}

SCSS

$custom: #301357;
$custom-light: #6d5487;
$custom-dark: #000000;

JSON

{
  "hex": "#301357",
  "rgb": {
    "r": 48,
    "g": 19,
    "b": 87
  },
  "hsl": {
    "h": 265.588,
    "s": 64.151,
    "l": 20.784
  },
  "oklch": {
    "l": 0.27476,
    "c": 0.11467,
    "h": 297.8
  },
  "luminance": 0.01782
}

Semantic roles & 50–950 ramp

primary

#301357

secondary

#698F36

accent

#E741A0

background

#F6F4F8

surface

#ECE7EF

border

#C7C3CA

text

#07030B

muted

#7A787C

Preview Lab

Preview with #301357

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

Preview Lab → · Contrast checker → · Palette generator →