#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
RGBrgb(48, 19, 87)
HSLhsl(266, 64%, 21%)
HSVhsv(266, 78%, 34%)
CMYKcmyk(44.8%, 78.2%, 0%, 65.9%)
CIE-LABlab(14.30, 30.37, -35.49)
CIE-LCHlch(14.30, 46.71, 310.55°)
OKLaboklab(27.48% 0.0534 -0.1015)
OKLCHoklch(27.48% 0.115 297.8)
XYZxyz(3.1717, 1.7822, 9.1919)
Luminance0.0178 (WCAG relative)
Temperaturecool
Familyviolet

Closest named colors

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
##3013571.0015.481.3615.48
#FFFFFF15.481.0021.001.00
#0000001.3621.001.0021.00
##FFFFFF15.481.0021.001.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 →

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