#150D38#150D38

#150D38 is a very dark, moderate violet. Relative luminance 0.007; OKLCH L 20.2% C 0.079 H 285.4°. Best body text is #FFFFFF at 18.32:1 contrast (WCAG AA passes).

Color values

HEX#150D38
RGBrgb(21, 13, 56)
HSLhsl(251, 62%, 14%)
HSVhsv(251, 77%, 22%)
CMYKcmyk(62.5%, 76.8%, 0%, 78%)
CIE-LABlab(6.62, 17.85, -26.48)
CIE-LCHlch(6.62, 31.93, 303.98°)
OKLaboklab(20.2% 0.021 -0.0765)
OKLCHoklch(20.2% 0.079 285.4)
XYZxyz(1.1668, 0.7327, 3.8206)
Luminance0.0073 (WCAG relative)
Temperaturecool
Familyviolet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#150D38 #30380D
analogous
#0D1A38 #150D38 #2A0D38
triadic
#150D38 #38150D #0D3815
tetradic
#150D38 #380D1A #30380D #0D382A
square
#150D38 #380D1A #30380D #0D382A
split-complementary
#150D38 #382A0D #1A380D
monochromatic
#090619 #090619 #150D38 #28196A #3A249B

Accessibility & contrast

On white

18.32
#150D38 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.15
#150D38 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #150D38
18.32:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##150D38#FFFFFF#000000##FFFFFF
##150D381.0018.321.1518.32
#FFFFFF18.321.0021.001.00
#0000001.1521.001.0021.00
##FFFFFF18.321.0021.001.00

Color blindness preview

Protanopia (red-blind)
#001639
Deuteranopia (green-blind)
#001337
Tritanopia (blue-blind)
#071821
Achromatopsia (no color)
#151515

Design tokens & code

CSS
--color: #150d38;
/* rgb */ color: rgb(21, 13, 56);
/* oklch */ color: oklch(20.2% 0.079 285.4);
Tailwind
colors: {
  custom: {
    50: '#574c6f',
    500: '#150d38',
    950: '#000000',
  },
}
SCSS
$custom: #150d38;
$custom-light: #574c6f;
$custom-dark: #000000;
JSON
{
  "hex": "#150d38",
  "rgb": {
    "r": 21,
    "g": 13,
    "b": 56
  },
  "hsl": {
    "h": 251.163,
    "s": 62.319,
    "l": 13.529
  },
  "oklch": {
    "l": 0.20202,
    "c": 0.07932,
    "h": 285.4
  },
  "luminance": 0.00733
}

Semantic roles & 50–950 ramp

primary
#150D38
secondary
#66732D
accent
#E542C7
background
#F5F4F6
surface
#E9E7EC
border
#C5C3C7
text
#030107
muted
#78777A

Preview Lab

Preview with #150D38

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

Preview Lab → · Contrast checker → · Palette generator →

#150D38 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva