#00181F#00181F

#00181F is a very dark, muted cyan. Relative luminance 0.008; OKLCH L 19.3% C 0.035 H 218.8°. Best body text is #FFFFFF at 18.25:1 contrast (WCAG AA passes).

Color values

HEX	#00181F
RGB	rgb(0, 24, 31)
HSL	hsl(194, 100%, 6%)
HSV	hsv(194, 100%, 12%)
CMYK	cmyk(100%, 22.6%, 0%, 87.8%)
CIE-LAB	lab(6.79, -5.78, -7.68)
CIE-LCH	lch(6.79, 9.61, 233.04°)
OKLab	oklab(19.31% -0.0272 -0.0219)
OKLCH	oklch(19.31% 0.035 218.8)
XYZ	xyz(0.5738, 0.7521, 1.4110)
Luminance	0.0075 (WCAG relative)
Temperature	cool
Family	cyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#00181F #1F0700

analogous

#001F16 #00181F #00081F

triadic

#00181F #1F0018 #181F00

tetradic

#00181F #16001F #1F0700 #081F00

square

#00181F #16001F #1F0700 #081F00

split-complementary

#00181F #1F0008 #1F1600

monochromatic

#00181F #00181F #00181F #00475C #007799

Accessibility & contrast

On white

18.25

#00181F on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

1.15

#00181F on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #00181F

18.25:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##00181F	#FFFFFF	#000000	##FFFFFF
##00181F	1.00	18.25	1.15	18.25
#FFFFFF	18.25	1.00	21.00	1.00
#000000	1.15	21.00	1.00	21.00
##FFFFFF	18.25	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#14171F

Deuteranopia (green-blind)

#0F141F

Tritanopia (blue-blind)

#001A1A

Achromatopsia (no color)

#151515

Design tokens & code

CSS

--color: #00181f;
/* rgb */ color: rgb(0, 24, 31);
/* oklch */ color: oklch(19.3% 0.035 218.8);

Tailwind

colors: {
  custom: {
    50: '#46545a',
    500: '#00181f',
    950: '#000000',
  },
}

SCSS

$custom: #00181f;
$custom-light: #46545a;
$custom-dark: #000000;

JSON

{
  "hex": "#00181f",
  "rgb": {
    "r": 0,
    "g": 24,
    "b": 31
  },
  "hsl": {
    "h": 193.548,
    "s": 100,
    "l": 6.078
  },
  "oklch": {
    "l": 0.19311,
    "c": 0.03488,
    "h": 218.8
  },
  "luminance": 0.00752
}

Semantic roles & 50–950 ramp

primary

#00181F

secondary

#682612

accent

#5929FF

background

#F3F4F5

surface

#E5E7E9

border

#C1C3C5

text

#000203

muted

#767878

Preview Lab

Preview with #00181F

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

Preview Lab → · Contrast checker → · Palette generator →