#100818#100818

#100818 is a very dark, muted violet. Relative luminance 0.004; OKLCH L 15.5% C 0.035 H 306.0°. Best body text is #FFFFFF at 19.63:1 contrast (WCAG AA passes).

Color values

HEX	#100818
RGB	rgb(16, 8, 24)
HSL	hsl(270, 50%, 6%)
HSV	hsv(270, 67%, 9%)
CMYK	cmyk(33.3%, 66.7%, 0%, 90.6%)
CIE-LAB	lab(3.16, 5.45, -7.53)
CIE-LCH	lch(3.16, 9.29, 305.89°)
OKLab	oklab(15.55% 0.0206 -0.0284)
OKLCH	oklch(15.55% 0.035 306)
XYZ	xyz(0.4654, 0.3498, 0.9070)
Luminance	0.0035 (WCAG relative)
Temperature	cool
Family	violet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#100818 #101808

analogous

#080818 #100818 #180818

triadic

#100818 #181008 #081810

tetradic

#100818 #180808 #101808 #081818

square

#100818 #180808 #101808 #081818

split-complementary

#100818 #181808 #081808

monochromatic

#0F0817 #0F0817 #100818 #2F1746 #4D2774

Accessibility & contrast

On white

19.63

#100818 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

1.07

#100818 on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #100818

19.63:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##100818	#FFFFFF	#000000	##FFFFFF
##100818	1.00	19.63	1.07	19.63
#FFFFFF	19.63	1.00	21.00	1.00
#000000	1.07	21.00	1.00	21.00
##FFFFFF	19.63	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#050B19

Deuteranopia (green-blind)

#060C18

Tritanopia (blue-blind)

#0F0B0E

Achromatopsia (no color)

#0B0B0B

Design tokens & code

CSS

--color: #100818;
/* rgb */ color: rgb(16, 8, 24);
/* oklch */ color: oklch(15.5% 0.035 306.0);

Tailwind

colors: {
  custom: {
    50: '#4e4a54',
    500: '#100818',
    950: '#000000',
  },
}

SCSS

$custom: #100818;
$custom-light: #4e4a54;
$custom-dark: #000000;

JSON

{
  "hex": "#100818",
  "rgb": {
    "r": 16,
    "g": 8,
    "b": 24
  },
  "hsl": {
    "h": 270,
    "s": 50,
    "l": 6.275
  },
  "oklch": {
    "l": 0.15547,
    "c": 0.03513,
    "h": 306
  },
  "luminance": 0.0035
}

Semantic roles & 50–950 ramp

primary

#100818

secondary

#3E5428

accent

#DA4E94

background

#F4F4F4

surface

#E7E7E7

border

#C3C3C3

text

#010102

muted

#777778

Preview Lab

Preview with #100818

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

Preview Lab → · Contrast checker → · Palette generator →