#181E10#181E10

#181E10 is a very dark, muted yellow-green. Relative luminance 0.012; OKLCH L 22.4% C 0.027 H 127.3°. Best body text is #FFFFFF at 17.05:1 contrast (WCAG AA passes).

Color values

HEX#181E10
RGBrgb(24, 30, 16)
HSLhsl(86, 30%, 9%)
HSVhsv(86, 47%, 12%)
CMYKcmyk(20%, 0%, 46.7%, 88.2%)
CIE-LABlab(10.26, -6.07, 8.18)
CIE-LCHlch(10.26, 10.19, 126.59°)
OKLaboklab(22.42% -0.0165 0.0217)
OKLCHoklch(22.42% 0.027 127.3)
XYZxyz(0.9345, 1.1601, 0.6648)
Luminance0.0116 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#181E10 #16101E
analogous
#1E1D10 #181E10 #111E10
triadic
#181E10 #10181E #1E1018
tetradic
#181E10 #101E1D #16101E #1E1011
square
#181E10 #101E1D #16101E #1E1011
split-complementary
#181E10 #10111E #1D101E
monochromatic
#10140B #10140B #181E10 #384625 #586E3B

Accessibility & contrast

On white

17.05
#181E10 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.23
#181E10 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #181E10
17.05:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##181E10#FFFFFF#000000##FFFFFF
##181E101.0017.051.2317.05
#FFFFFF17.051.0021.001.00
#0000001.2321.001.0021.00
##FFFFFF17.051.0021.001.00

Color blindness preview

Protanopia (red-blind)
#1F1C0F
Deuteranopia (green-blind)
#1F1C11
Tritanopia (blue-blind)
#191D1A
Achromatopsia (no color)
#1C1C1C

Design tokens & code

CSS
--color: #181e10;
/* rgb */ color: rgb(24, 30, 16);
/* oklch */ color: oklch(22.4% 0.027 127.3);
Tailwind
colors: {
  custom: {
    50: '#54594e',
    500: '#181e10',
    950: '#000000',
  },
}
SCSS
$custom: #181e10;
$custom-light: #54594e;
$custom-dark: #000000;
JSON
{
  "hex": "#181e10",
  "rgb": {
    "r": 24,
    "g": 30,
    "b": 16
  },
  "hsl": {
    "h": 85.714,
    "s": 30.435,
    "l": 9.02
  },
  "oklch": {
    "l": 0.22424,
    "c": 0.02726,
    "h": 127.3
  },
  "luminance": 0.0116
}

Semantic roles & 50–950 ramp

primary
#181E10
secondary
#433654
accent
#61C78D
background
#F4F5F4
surface
#E7E9E7
border
#C3C5C3
text
#020301
muted
#787877

Preview Lab

Preview with #181E10

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

Preview Lab → · Contrast checker → · Palette generator →

#181E10 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva