#301A48#301A48

#301A48 is a dark, moderate violet. Relative luminance 0.018; OKLCH L 27.3% C 0.084 H 303.4°. Best body text is #FFFFFF at 15.36:1 contrast (WCAG AA passes).

Color values

HEX#301A48
RGBrgb(48, 26, 72)
HSLhsl(269, 47%, 19%)
HSVhsv(269, 64%, 28%)
CMYKcmyk(33.3%, 63.9%, 0%, 71.8%)
CIE-LABlab(14.60, 21.76, -24.76)
CIE-LCHlch(14.60, 32.96, 311.31°)
OKLaboklab(27.3% 0.0461 -0.0699)
OKLCHoklch(27.3% 0.084 303.4)
XYZxyz(2.7578, 1.8351, 6.3385)
Luminance0.0184 (WCAG relative)
Temperaturecool
Familyviolet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#301A48 #32481A
analogous
#1A1B48 #301A48 #471A48
triadic
#301A48 #48301A #1A4830
tetradic
#301A48 #481A1B #32481A #1A4847
square
#301A48 #481A1B #32481A #1A4847
split-complementary
#301A48 #48471A #1B481A
monochromatic
#0F0816 #120A1B #301A48 #4E2A75 #6C3AA2

Accessibility & contrast

On white

15.36
#301A48 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.37
#301A48 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #301A48
15.36:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##301A48#FFFFFF#000000##FFFFFF
##301A481.0015.361.3715.36
#FFFFFF15.361.0021.001.00
#0000001.3721.001.0021.00
##FFFFFF15.361.0021.001.00

Color blindness preview

Protanopia (red-blind)
#07244A
Deuteranopia (green-blind)
#0F2547
Tritanopia (blue-blind)
#2C232E
Achromatopsia (no color)
#252525

Design tokens & code

CSS
--color: #301a48;
/* rgb */ color: rgb(48, 26, 72);
/* oklch */ color: oklch(27.3% 0.084 303.4);
Tailwind
colors: {
  custom: {
    50: '#6a577b',
    500: '#301a48',
    950: '#000000',
  },
}
SCSS
$custom: #301a48;
$custom-light: #6a577b;
$custom-dark: #000000;
JSON
{
  "hex": "#301a48",
  "rgb": {
    "r": 48,
    "g": 26,
    "b": 72
  },
  "hsl": {
    "h": 268.696,
    "s": 46.939,
    "l": 19.216
  },
  "oklch": {
    "l": 0.27298,
    "c": 0.08375,
    "h": 303.4
  },
  "luminance": 0.01835
}

Semantic roles & 50–950 ramp

primary
#301A48
secondary
#607E40
accent
#D75197
background
#F6F5F7
surface
#EBE9EE
border
#C6C5C9
text
#070309
muted
#7A787B

Preview Lab

Preview with #301A48

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

Preview Lab → · Contrast checker → · Palette generator →

#301A48 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva