#002918#002918

#002918 is a very dark, muted teal. Relative luminance 0.017; OKLCH L 24.8% C 0.056 H 160.6°. Best body text is #FFFFFF at 15.78:1 contrast (WCAG AA passes).

Color values

HEX#002918
RGBrgb(0, 41, 24)
HSLhsl(155, 100%, 8%)
HSVhsv(155, 100%, 16%)
CMYKcmyk(100%, 0%, 41.5%, 83.9%)
CIE-LABlab(13.54, -19.34, 7.28)
CIE-LCHlch(13.54, 20.67, 159.38°)
OKLaboklab(24.8% -0.0524 0.0184)
OKLCHoklch(24.8% 0.056 160.6)
XYZxyz(0.9577, 1.6517, 1.1323)
Luminance0.0165 (WCAG relative)
Temperatureneutral
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#002918 #290011
analogous
#002903 #002918 #002529
triadic
#002918 #180029 #291800
tetradic
#002918 #030029 #290011 #252900
square
#002918 #030029 #290011 #252900
split-complementary
#002918 #290025 #290300
monochromatic
#001F12 #001F12 #002918 #00663C #00A360

Accessibility & contrast

On white

15.78
#002918 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.33
#002918 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #002918
15.78:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##002918#FFFFFF#000000##FFFFFF
##0029181.0015.781.3315.78
#FFFFFF15.781.0021.001.00
#0000001.3321.001.0021.00
##FFFFFF15.781.0021.001.00

Color blindness preview

Protanopia (red-blind)
#282517
Deuteranopia (green-blind)
#232119
Tritanopia (blue-blind)
#002925
Achromatopsia (no color)
#232323

Design tokens & code

CSS
--color: #002918;
/* rgb */ color: rgb(0, 41, 24);
/* oklch */ color: oklch(24.8% 0.056 160.6);
Tailwind
colors: {
  custom: {
    50: '#486354',
    500: '#002918',
    950: '#000000',
  },
}
SCSS
$custom: #002918;
$custom-light: #486354;
$custom-dark: #000000;
JSON
{
  "hex": "#002918",
  "rgb": {
    "r": 0,
    "g": 41,
    "b": 24
  },
  "hsl": {
    "h": 155.122,
    "s": 100,
    "l": 8.039
  },
  "oklch": {
    "l": 0.24802,
    "c": 0.05553,
    "h": 160.6
  },
  "luminance": 0.01652
}

Semantic roles & 50–950 ramp

primary
#002918
secondary
#71143A
accent
#2982FF
background
#F4F5F4
surface
#E7EAE7
border
#C3C6C3
text
#010502
muted
#777978

Preview Lab

Preview with #002918

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

Preview Lab → · Contrast checker → · Palette generator →

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