#2E3E20#2E3E20

#2E3E20 is a dark, muted yellow-green. Relative luminance 0.041; OKLCH L 34.1% C 0.053 H 131.6°. Best body text is #FFFFFF at 11.50:1 contrast (WCAG AA passes).

Color values

HEX#2E3E20
RGBrgb(46, 62, 32)
HSLhsl(92, 32%, 18%)
HSVhsv(92, 48%, 24%)
CMYKcmyk(25.8%, 0%, 48.4%, 75.7%)
CIE-LABlab(24.10, -12.91, 16.37)
CIE-LCHlch(24.10, 20.85, 128.27°)
OKLaboklab(34.12% -0.0355 0.04)
OKLCHoklch(34.12% 0.053 131.6)
XYZxyz(3.1100, 4.1303, 1.9996)
Luminance0.0413 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#2E3E20 #30203E
analogous
#3D3E20 #2E3E20 #203E21
triadic
#2E3E20 #202E3E #3E202E
tetradic
#2E3E20 #203D3E #30203E #3E2120
square
#2E3E20 #203D3E #30203E #3E2120
split-complementary
#2E3E20 #21203E #3E203D
monochromatic
#0F140A #10160B #2E3E20 #4C6635 #6A8F4A

Accessibility & contrast

On white

11.50
#2E3E20 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.83
#2E3E20 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #2E3E20
11.50:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##2E3E20#FFFFFF#000000##FFFFFF
##2E3E201.0011.501.8311.50
#FFFFFF11.501.0021.001.00
#0000001.8321.001.0021.00
##FFFFFF11.501.0021.001.00

Color blindness preview

Protanopia (red-blind)
#403A1E
Deuteranopia (green-blind)
#3E3922
Tritanopia (blue-blind)
#2F3C37
Achromatopsia (no color)
#393939

Design tokens & code

CSS
--color: #2e3e20;
/* rgb */ color: rgb(46, 62, 32);
/* oklch */ color: oklch(34.1% 0.053 131.6);
Tailwind
colors: {
  custom: {
    50: '#67735c',
    500: '#2e3e20',
    950: '#000000',
  },
}
SCSS
$custom: #2e3e20;
$custom-light: #67735c;
$custom-dark: #000000;
JSON
{
  "hex": "#2e3e20",
  "rgb": {
    "r": 46,
    "g": 62,
    "b": 32
  },
  "hsl": {
    "h": 92,
    "s": 31.915,
    "l": 18.431
  },
  "oklch": {
    "l": 0.34117,
    "c": 0.05346,
    "h": 131.6
  },
  "luminance": 0.0413
}

Semantic roles & 50–950 ramp

primary
#2E3E20
secondary
#5E4872
accent
#60C897
background
#F6F6F5
surface
#EBECE9
border
#C6C7C5
text
#060804
muted
#7A7B79

Preview Lab

Preview with #2E3E20

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

Preview Lab → · Contrast checker → · Palette generator →

#2E3E20 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva