#21163C#21163C

#21163C is a very dark, moderate violet. Relative luminance 0.012; OKLCH L 23.7% C 0.070 H 293.7°. Best body text is #FFFFFF at 16.87:1 contrast (WCAG AA passes).

Color values

HEX#21163C
RGBrgb(33, 22, 60)
HSLhsl(257, 46%, 16%)
HSVhsv(257, 63%, 24%)
CMYKcmyk(45%, 63.3%, 0%, 76.5%)
CIE-LABlab(10.73, 16.30, -22.65)
CIE-LCHlch(10.73, 27.90, 305.75°)
OKLaboklab(23.72% 0.0282 -0.0643)
OKLCHoklch(23.72% 0.07 293.7)
XYZxyz(1.7295, 1.2234, 4.4191)
Luminance0.0122 (WCAG relative)
Temperaturecool
Familyviolet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#21163C #313C16
analogous
#161E3C #21163C #34163C
triadic
#21163C #3C2116 #163C21
tetradic
#21163C #3C161E #313C16 #163C34
square
#21163C #3C161E #313C16 #163C34
split-complementary
#21163C #3C3416 #1E3C16
monochromatic
#0C0816 #0C0816 #21163C #3A2669 #523796

Accessibility & contrast

On white

16.87
#21163C on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.24
#21163C on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #21163C
16.87:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##21163C#FFFFFF#000000##FFFFFF
##21163C1.0016.871.2416.87
#FFFFFF16.871.0021.001.00
#0000001.2421.001.0021.00
##FFFFFF16.871.0021.001.00

Color blindness preview

Protanopia (red-blind)
#051D3D
Deuteranopia (green-blind)
#071C3B
Tritanopia (blue-blind)
#1A1E26
Achromatopsia (no color)
#1D1D1D

Design tokens & code

CSS
--color: #21163c;
/* rgb */ color: rgb(33, 22, 60);
/* oklch */ color: oklch(23.7% 0.070 293.7);
Tailwind
colors: {
  custom: {
    50: '#5e5372',
    500: '#21163c',
    950: '#000000',
  },
}
SCSS
$custom: #21163c;
$custom-light: #5e5372;
$custom-dark: #000000;
JSON
{
  "hex": "#21163c",
  "rgb": {
    "r": 33,
    "g": 22,
    "b": 60
  },
  "hsl": {
    "h": 257.368,
    "s": 46.341,
    "l": 16.078
  },
  "oklch": {
    "l": 0.2372,
    "c": 0.07021,
    "h": 293.7
  },
  "luminance": 0.01223
}

Semantic roles & 50–950 ramp

primary
#21163C
secondary
#63733B
accent
#D652B0
background
#F5F4F6
surface
#E9E7EC
border
#C5C3C7
text
#040208
muted
#79787B

Preview Lab

Preview with #21163C

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

Preview Lab → · Contrast checker → · Palette generator →

#21163C Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva