#080301#080301

#080301 is a very dark, near-neutral orange. Relative luminance 0.001; OKLCH L 10.7% C 0.018 H 55.4°. Best body text is #FFFFFF at 20.51:1 contrast (WCAG AA passes).

Color values

HEX	#080301
RGB	rgb(8, 3, 1)
HSL	hsl(17, 78%, 2%)
HSV	hsv(17, 88%, 3%)
CMYK	cmyk(0%, 62.5%, 87.5%, 96.9%)
CIE-LAB	lab(1.07, 1.03, 1.22)
CIE-LCH	lch(1.07, 1.59, 49.84°)
OKLab	oklab(10.73% 0.0103 0.0149)
OKLCH	oklch(10.73% 0.018 55.4)
XYZ	xyz(0.1382, 0.1190, 0.0444)
Luminance	0.0012 (WCAG relative)
Temperature	warm
Family	orange

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#080301 #010608

analogous

#080103 #080301 #080701

triadic

#080301 #010803 #030108

tetradic

#080301 #030801 #010608 #070108

square

#080301 #030801 #010608 #070108

split-complementary

#080301 #010807 #010308

monochromatic

#1B0A03 #1B0A03 #1B0A03 #3E1708 #752C0F

Accessibility & contrast

On white

20.51

#080301 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

1.02

#080301 on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #080301

20.51:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##080301	#FFFFFF	#000000	##FFFFFF
##080301	1.00	20.51	1.02	20.51
#FFFFFF	20.51	1.00	21.00	1.00
#000000	1.02	21.00	1.00	21.00
##FFFFFF	20.51	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#040301

Deuteranopia (green-blind)

#050401

Tritanopia (blue-blind)

#0A0202

Achromatopsia (no color)

#040404

Design tokens & code

CSS

--color: #080301;
/* rgb */ color: rgb(8, 3, 1);
/* oklch */ color: oklch(10.7% 0.018 55.4);

Tailwind

colors: {
  custom: {
    50: '#4a4847',
    500: '#080301',
    950: '#000000',
  },
}

SCSS

$custom: #080301;
$custom-light: #4a4847;
$custom-dark: #000000;

JSON

{
  "hex": "#080301",
  "rgb": {
    "r": 8,
    "g": 3,
    "b": 1
  },
  "hsl": {
    "h": 17.143,
    "s": 77.778,
    "l": 1.765
  },
  "oklch": {
    "l": 0.10732,
    "c": 0.01809,
    "h": 55.4
  },
  "luminance": 0.00119
}

Semantic roles & 50–950 ramp

primary

#080301

secondary

#173E4E

accent

#BDF434

background

#F4F4F3

surface

#E7E6E5

border

#C3C2C1

text

#010000

muted

#777777

Preview Lab

Preview with #080301

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

Preview Lab → · Contrast checker → · Palette generator →