#050808#050808

#050808 is a very dark, near-neutral teal. Relative luminance 0.002; OKLCH L 13.0% C 0.007 H 196.4°. Best body text is #FFFFFF at 20.10:1 contrast (WCAG AA passes).

Color values

HEX#050808
RGBrgb(5, 8, 8)
HSLhsl(180, 23%, 3%)
HSVhsv(180, 38%, 3%)
CMYKcmyk(37.5%, 0%, 0%, 96.9%)
CIE-LABlab(2.02, -0.79, -0.28)
CIE-LCHlch(2.02, 0.83, 199.26°)
OKLaboklab(13% -0.0063 -0.0018)
OKLCHoklch(13% 0.007 196.4)
XYZxyz(0.1932, 0.2235, 0.2626)
Luminance0.0022 (WCAG relative)
Temperaturecool
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#050808 #080505
analogous
#050806 #050808 #050608
triadic
#050808 #080508 #080805
tetradic
#050808 #060508 #080505 #060805
square
#050808 #060508 #080505 #060805
split-complementary
#050808 #080506 #080605
monochromatic
#0C1313 #0C1313 #0C1313 #1D2E2E #345353

Accessibility & contrast

On white

20.10
#050808 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.04
#050808 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #050808
20.10:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##050808#FFFFFF#000000##FFFFFF
##0508081.0020.101.0420.10
#FFFFFF20.101.0021.001.00
#0000001.0421.001.0021.00
##FFFFFF20.101.0021.001.00

Color blindness preview

Protanopia (red-blind)
#080808
Deuteranopia (green-blind)
#070708
Tritanopia (blue-blind)
#040808
Achromatopsia (no color)
#070707

Design tokens & code

CSS
--color: #050808;
/* rgb */ color: rgb(5, 8, 8);
/* oklch */ color: oklch(13.0% 0.007 196.4);
Tailwind
colors: {
  custom: {
    50: '#494a4a',
    500: '#050808',
    950: '#000000',
  },
}
SCSS
$custom: #050808;
$custom-light: #494a4a;
$custom-dark: #000000;
JSON
{
  "hex": "#050808",
  "rgb": {
    "r": 5,
    "g": 8,
    "b": 8
  },
  "hsl": {
    "h": 180,
    "s": 23.077,
    "l": 2.549
  },
  "oklch": {
    "l": 0.12997,
    "c": 0.00652,
    "h": 196.4
  },
  "luminance": 0.00223
}

Semantic roles & 50–950 ramp

primary
#050808
secondary
#3D2C2C
accent
#6868C0
background
#F4F4F4
surface
#E6E7E7
border
#C2C3C3
text
#000101
muted
#777777

Preview Lab

Preview with #050808

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

Preview Lab → · Contrast checker → · Palette generator →

#050808 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva