#2D3B08#2D3B08

#2D3B08 is a dark, moderate yellow-green. Relative luminance 0.037; OKLCH L 32.8% C 0.074 H 124.1°. Best body text is #FFFFFF at 12.06:1 contrast (WCAG AA passes).

Color values

HEX#2D3B08
RGBrgb(45, 59, 8)
HSLhsl(76, 76%, 13%)
HSVhsv(76, 86%, 23%)
CMYKcmyk(23.7%, 0%, 86.4%, 76.9%)
CIE-LABlab(22.67, -14.29, 27.60)
CIE-LCHlch(22.67, 31.07, 117.37°)
OKLaboklab(32.85% -0.0416 0.0614)
OKLCHoklch(32.85% 0.074 124.1)
XYZxyz(2.6900, 3.7033, 0.8028)
Luminance0.0370 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#2D3B08 #16083B
analogous
#3B2F08 #2D3B08 #133B08
triadic
#2D3B08 #082D3B #3B082D
tetradic
#2D3B08 #083B2F #16083B #3B0813
square
#2D3B08 #083B2F #16083B #3B0813
split-complementary
#2D3B08 #08133B #2F083B
monochromatic
#151B04 #151B04 #2D3B08 #56710F #7FA717

Accessibility & contrast

On white

12.06
#2D3B08 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.74
#2D3B08 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #2D3B08
12.06:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##2D3B08#FFFFFF#000000##FFFFFF
##2D3B081.0012.061.7412.06
#FFFFFF12.061.0021.001.00
#0000001.7421.001.0021.00
##FFFFFF12.061.0021.001.00

Color blindness preview

Protanopia (red-blind)
#3F3701
Deuteranopia (green-blind)
#3D360D
Tritanopia (blue-blind)
#303831
Achromatopsia (no color)
#363636

Design tokens & code

CSS
--color: #2d3b08;
/* rgb */ color: rgb(45, 59, 8);
/* oklch */ color: oklch(32.8% 0.074 124.1);
Tailwind
colors: {
  custom: {
    50: '#68714c',
    500: '#2d3b08',
    950: '#000000',
  },
}
SCSS
$custom: #2d3b08;
$custom-light: #68714c;
$custom-dark: #000000;
JSON
{
  "hex": "#2d3b08",
  "rgb": {
    "r": 45,
    "g": 59,
    "b": 8
  },
  "hsl": {
    "h": 76.471,
    "s": 76.119,
    "l": 13.137
  },
  "oklch": {
    "l": 0.32847,
    "c": 0.07421,
    "h": 124.1
  },
  "luminance": 0.03703
}

Semantic roles & 50–950 ramp

primary
#2D3B08
secondary
#3C257A
accent
#35F369
background
#F6F6F4
surface
#EBECE7
border
#C6C7C3
text
#060701
muted
#7A7A77

Preview Lab

Preview with #2D3B08

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

Preview Lab → · Contrast checker → · Palette generator →

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