#220D31#220D31

#220D31 is a very dark, moderate violet. Relative luminance 0.009; OKLCH L 21.2% C 0.071 H 308.4°. Best body text is #FFFFFF at 17.95:1 contrast (WCAG AA passes).

Color values

HEX#220D31
RGBrgb(34, 13, 49)
HSLhsl(275, 58%, 12%)
HSVhsv(275, 73%, 19%)
CMYKcmyk(30.6%, 73.5%, 0%, 80.8%)
CIE-LABlab(7.68, 19.28, -19.57)
CIE-LCHlch(7.68, 27.47, 314.56°)
OKLaboklab(21.24% 0.0438 -0.0552)
OKLCHoklch(21.24% 0.071 308.4)
XYZxyz(1.3579, 0.8497, 2.9976)
Luminance0.0085 (WCAG relative)
Temperaturecool
Familyviolet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#220D31 #1C310D
analogous
#100D31 #220D31 #310D2E
triadic
#220D31 #31220D #0D3122
tetradic
#220D31 #31100D #1C310D #0D2E31
square
#220D31 #31100D #1C310D #0D2E31
split-complementary
#220D31 #2E310D #0D3110
monochromatic
#110618 #110618 #220D31 #441A61 #652792

Accessibility & contrast

On white

17.95
#220D31 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.17
#220D31 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #220D31
17.95:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##220D31#FFFFFF#000000##FFFFFF
##220D311.0017.951.1717.95
#FFFFFF17.951.0021.001.00
#0000001.1721.001.0021.00
##FFFFFF17.951.0021.001.00

Color blindness preview

Protanopia (red-blind)
#011632
Deuteranopia (green-blind)
#081730
Tritanopia (blue-blind)
#20141D
Achromatopsia (no color)
#171717

Design tokens & code

CSS
--color: #220d31;
/* rgb */ color: rgb(34, 13, 49);
/* oklch */ color: oklch(21.2% 0.071 308.4);
Tailwind
colors: {
  custom: {
    50: '#5f4d69',
    500: '#220d31',
    950: '#000000',
  },
}
SCSS
$custom: #220d31;
$custom-light: #5f4d69;
$custom-dark: #000000;
JSON
{
  "hex": "#220d31",
  "rgb": {
    "r": 34,
    "g": 13,
    "b": 49
  },
  "hsl": {
    "h": 275,
    "s": 58.065,
    "l": 12.157
  },
  "oklch": {
    "l": 0.21235,
    "c": 0.07051,
    "h": 308.4
  },
  "luminance": 0.0085
}

Semantic roles & 50–950 ramp

primary
#220D31
secondary
#486C2E
accent
#E14787
background
#F5F4F6
surface
#E9E7EB
border
#C5C3C6
text
#040106
muted
#79777A

Preview Lab

Preview with #220D31

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

Preview Lab → · Contrast checker → · Palette generator →

#220D31 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva