#080A0F#080A0F

#080A0F is a very dark, near-neutral blue. Relative luminance 0.003; OKLCH L 14.5% C 0.011 H 266.9°. Best body text is #FFFFFF at 19.80:1 contrast (WCAG AA passes).

Color values

HEX#080A0F
RGBrgb(8, 10, 15)
HSLhsl(223, 30%, 5%)
HSVhsv(223, 47%, 6%)
CMYKcmyk(46.7%, 33.3%, 0%, 94.1%)
CIE-LABlab(2.74, 0.28, -2.36)
CIE-LCHlch(2.74, 2.37, 276.66°)
OKLaboklab(14.49% -0.0006 -0.0115)
OKLCHoklch(14.49% 0.011 266.9)
XYZxyz(0.2949, 0.3032, 0.4948)
Luminance0.0030 (WCAG relative)
Temperaturecool
Familyblue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#080A0F #0F0D08
analogous
#080E0F #080A0F #0A080F
triadic
#080A0F #0F080A #0A0F08
tetradic
#080A0F #0F080E #0F0D08 #080F0A
square
#080A0F #0F080E #0F0D08 #080F0A
split-complementary
#080A0F #0F0A08 #0E0F08
monochromatic
#0B0D14 #0B0D14 #0B0D14 #1D2537 #333F5F

Accessibility & contrast

On white

19.80
#080A0F on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.06
#080A0F on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #080A0F
19.80:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##080A0F#FFFFFF#000000##FFFFFF
##080A0F1.0019.801.0619.80
#FFFFFF19.801.0021.001.00
#0000001.0621.001.0021.00
##FFFFFF19.801.0021.001.00

Color blindness preview

Protanopia (red-blind)
#090A0F
Deuteranopia (green-blind)
#080A0F
Tritanopia (blue-blind)
#060B0C
Achromatopsia (no color)
#0A0A0A

Design tokens & code

CSS
--color: #080a0f;
/* rgb */ color: rgb(8, 10, 15);
/* oklch */ color: oklch(14.5% 0.011 266.9);
Tailwind
colors: {
  custom: {
    50: '#4a4b4e',
    500: '#080a0f',
    950: '#000000',
  },
}
SCSS
$custom: #080a0f;
$custom-light: #4a4b4e;
$custom-dark: #000000;
JSON
{
  "hex": "#080a0f",
  "rgb": {
    "r": 8,
    "g": 10,
    "b": 15
  },
  "hsl": {
    "h": 222.857,
    "s": 30.435,
    "l": 4.51
  },
  "oklch": {
    "l": 0.14491,
    "c": 0.01149,
    "h": 266.9
  },
  "luminance": 0.00303
}

Semantic roles & 50–950 ramp

primary
#080A0F
secondary
#463F2D
accent
#AA61C7
background
#F4F4F4
surface
#E7E7E7
border
#C3C3C3
text
#010101
muted
#777777

Preview Lab

Preview with #080A0F

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

Preview Lab → · Contrast checker → · Palette generator →

#080A0F Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva