#2A0D30#2A0D30

#2A0D30 is a very dark, moderate purple. Relative luminance 0.010; OKLCH L 22.4% C 0.073 H 320.4°. Best body text is #FFFFFF at 17.52:1 contrast (WCAG AA passes).

Color values

HEX#2A0D30
RGBrgb(42, 13, 48)
HSLhsl(290, 57%, 12%)
HSVhsv(290, 73%, 19%)
CMYKcmyk(12.5%, 72.9%, 0%, 81.2%)
CIE-LABlab(8.94, 21.51, -16.74)
CIE-LCHlch(8.94, 27.25, 322.10°)
OKLaboklab(22.42% 0.0565 -0.0466)
OKLCHoklch(22.42% 0.073 320.4)
XYZxyz(1.6322, 0.9936, 2.9015)
Luminance0.0099 (WCAG relative)
Temperaturecool
Familypurple

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#2A0D30 #13300D
analogous
#190D30 #2A0D30 #300D25
triadic
#2A0D30 #302A0D #0D302A
tetradic
#2A0D30 #30190D #13300D #0D2530
square
#2A0D30 #30190D #13300D #0D2530
split-complementary
#2A0D30 #25300D #0D3019
monochromatic
#150718 #150718 #2A0D30 #541A60 #7E2790

Accessibility & contrast

On white

17.52
#2A0D30 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.20
#2A0D30 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #2A0D30
17.52:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##2A0D30#FFFFFF#000000##FFFFFF
##2A0D301.0017.521.2017.52
#FFFFFF17.521.0021.001.00
#0000001.2021.001.0021.00
##FFFFFF17.521.0021.001.00

Color blindness preview

Protanopia (red-blind)
#061731
Deuteranopia (green-blind)
#101A2F
Tritanopia (blue-blind)
#2A131C
Achromatopsia (no color)
#191919

Design tokens & code

CSS
--color: #2a0d30;
/* rgb */ color: rgb(42, 13, 48);
/* oklch */ color: oklch(22.4% 0.073 320.4);
Tailwind
colors: {
  custom: {
    50: '#654e68',
    500: '#2a0d30',
    950: '#000000',
  },
}
SCSS
$custom: #2a0d30;
$custom-light: #654e68;
$custom-dark: #000000;
JSON
{
  "hex": "#2a0d30",
  "rgb": {
    "r": 42,
    "g": 13,
    "b": 48
  },
  "hsl": {
    "h": 289.714,
    "s": 57.377,
    "l": 11.961
  },
  "oklch": {
    "l": 0.22416,
    "c": 0.07323,
    "h": 320.4
  },
  "luminance": 0.00993
}

Semantic roles & 50–950 ramp

primary
#2A0D30
secondary
#386B2E
accent
#E14761
background
#F6F4F6
surface
#EBE7EB
border
#C6C3C6
text
#060106
muted
#7A777A

Preview Lab

Preview with #2A0D30

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

Preview Lab → · Contrast checker → · Palette generator →

#2A0D30 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva