#2A3906#2A3906

#2A3906 is a dark, moderate yellow-green. Relative luminance 0.034; OKLCH L 32.0% C 0.075 H 125.2°. Best body text is #FFFFFF at 12.45:1 contrast (WCAG AA passes).

Color values

HEX#2A3906
RGBrgb(42, 57, 6)
HSLhsl(78, 81%, 12%)
HSVhsv(78, 89%, 22%)
CMYKcmyk(26.3%, 0%, 89.5%, 77.6%)
CIE-LABlab(21.70, -14.76, 27.32)
CIE-LCHlch(21.70, 31.05, 118.39°)
OKLaboklab(32% -0.0429 0.061)
OKLCHoklch(32% 0.075 125.2)
XYZxyz(2.4509, 3.4316, 0.7055)
Luminance0.0343 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#2A3906 #150639
analogous
#392F06 #2A3906 #113906
triadic
#2A3906 #062A39 #39062A
tetradic
#2A3906 #06392F #150639 #390611
square
#2A3906 #06392F #150639 #390611
split-complementary
#2A3906 #061139 #2F0639
monochromatic
#141C03 #141C03 #2A3906 #53700C #7CA812

Accessibility & contrast

On white

12.45
#2A3906 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.69
#2A3906 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #2A3906
12.45:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##2A3906#FFFFFF#000000##FFFFFF
##2A39061.0012.451.6912.45
#FFFFFF12.451.0021.001.00
#0000001.6921.001.0021.00
##FFFFFF12.451.0021.001.00

Color blindness preview

Protanopia (red-blind)
#3D3500
Deuteranopia (green-blind)
#3B340B
Tritanopia (blue-blind)
#2C362F
Achromatopsia (no color)
#343434

Design tokens & code

CSS
--color: #2a3906;
/* rgb */ color: rgb(42, 57, 6);
/* oklch */ color: oklch(32.0% 0.075 125.2);
Tailwind
colors: {
  custom: {
    50: '#666f4b',
    500: '#2a3906',
    950: '#000000',
  },
}
SCSS
$custom: #2a3906;
$custom-light: #666f4b;
$custom-dark: #000000;
JSON
{
  "hex": "#2a3906",
  "rgb": {
    "r": 42,
    "g": 57,
    "b": 6
  },
  "hsl": {
    "h": 77.647,
    "s": 80.952,
    "l": 12.353
  },
  "oklch": {
    "l": 0.31996,
    "c": 0.07457,
    "h": 125.2
  },
  "luminance": 0.03432
}

Semantic roles & 50–950 ramp

primary
#2A3906
secondary
#3B2279
accent
#30F76B
background
#F6F6F4
surface
#EBECE7
border
#C6C7C3
text
#060701
muted
#7A7A77

Preview Lab

Preview with #2A3906

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

Preview Lab → · Contrast checker → · Palette generator →

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