#18281C#18281C

#18281C is a dark, muted green. Relative luminance 0.018; OKLCH L 25.8% C 0.031 H 151.6°. Best body text is #FFFFFF at 15.45:1 contrast (WCAG AA passes).

Color values

HEX	#18281C
RGB	rgb(24, 40, 28)
HSL	hsl(135, 25%, 13%)
HSV	hsv(135, 40%, 16%)
CMYK	cmyk(40%, 0%, 30%, 84.3%)
CIE-LAB	lab(14.38, -9.99, 5.81)
CIE-LCH	lch(14.38, 11.56, 149.83°)
OKLab	oklab(25.83% -0.0274 0.0148)
OKLCH	oklch(25.83% 0.031 151.6)
XYZ	xyz(1.3450, 1.7956, 1.3741)
Luminance	0.0180 (WCAG relative)
Temperature	neutral
Family	green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#18281C #281824

analogous

#1C2818 #18281C #182824

triadic

#18281C #1C1828 #281C18

tetradic

#18281C #181C28 #281824 #282418

square

#18281C #181C28 #281824 #282418

split-complementary

#18281C #241828 #28181C

monochromatic

#0B130D #0B130D #18281C #2F4E37 #467452

Accessibility & contrast

On white

15.45

#18281C on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

1.36

#18281C on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #18281C

15.45:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##18281C	#FFFFFF	#000000	##FFFFFF
##18281C	1.00	15.45	1.36	15.45
#FFFFFF	15.45	1.00	21.00	1.00
#000000	1.36	21.00	1.00	21.00
##FFFFFF	15.45	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#28251B

Deuteranopia (green-blind)

#26241D

Tritanopia (blue-blind)

#162725

Achromatopsia (no color)

#242424

Design tokens & code

CSS

--color: #18281c;
/* rgb */ color: rgb(24, 40, 28);
/* oklch */ color: oklch(25.8% 0.031 151.6);

Tailwind

colors: {
  custom: {
    50: '#556258',
    500: '#18281c',
    950: '#000000',
  },
}

SCSS

$custom: #18281c;
$custom-light: #556258;
$custom-dark: #000000;

JSON

{
  "hex": "#18281c",
  "rgb": {
    "r": 24,
    "g": 40,
    "b": 28
  },
  "hsl": {
    "h": 135,
    "s": 25,
    "l": 12.549
  },
  "oklch": {
    "l": 0.2583,
    "c": 0.0312,
    "h": 151.6
  },
  "luminance": 0.01796
}

Semantic roles & 50–950 ramp

primary

#18281C

secondary

#5C4055

accent

#66ABC1

background

#F4F5F5

surface

#E8EAE9

border

#C4C6C5

text

#030503

muted

#787978

Preview Lab

Preview with #18281C

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

Preview Lab → · Contrast checker → · Palette generator →