#2B5312#2B5312

#2B5312 is a dark, moderate yellow-green. Relative luminance 0.067; OKLCH L 39.8% C 0.104 H 136.0°. Best body text is #FFFFFF at 8.94:1 contrast (WCAG AA passes).

Color values

HEX#2B5312
RGBrgb(43, 83, 18)
HSLhsl(97, 64%, 20%)
HSVhsv(97, 78%, 33%)
CMYKcmyk(48.2%, 0%, 78.3%, 67.5%)
CIE-LABlab(31.22, -26.77, 31.89)
CIE-LCHlch(31.22, 41.63, 130.01°)
OKLaboklab(39.81% -0.0745 0.072)
OKLCHoklch(39.81% 0.104 136)
XYZxyz(4.1986, 6.7435, 1.6525)
Luminance0.0674 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#2B5312 #3A1253
analogous
#4C5312 #2B5312 #12531A
triadic
#2B5312 #122B53 #53122B
tetradic
#2B5312 #124C53 #3A1253 #531A12
square
#2B5312 #124C53 #3A1253 #531A12
split-complementary
#2B5312 #1A1253 #53124C
monochromatic
#0D1905 #112107 #2B5312 #45851D #5FB828

Accessibility & contrast

On white

8.94
#2B5312 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.35
#2B5312 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #2B5312
8.94:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##2B5312#FFFFFF#000000##FFFFFF
##2B53121.008.942.358.94
#FFFFFF8.941.0021.001.00
#0000002.3521.001.0021.00
##FFFFFF8.941.0021.001.00

Color blindness preview

Protanopia (red-blind)
#564C07
Deuteranopia (green-blind)
#514818
Tritanopia (blue-blind)
#295046
Achromatopsia (no color)
#494949

Design tokens & code

CSS
--color: #2b5312;
/* rgb */ color: rgb(43, 83, 18);
/* oklch */ color: oklch(39.8% 0.104 136.0);
Tailwind
colors: {
  custom: {
    50: '#698455',
    500: '#2b5312',
    950: '#000000',
  },
}
SCSS
$custom: #2b5312;
$custom-light: #698455;
$custom-dark: #000000;
JSON
{
  "hex": "#2b5312",
  "rgb": {
    "r": 43,
    "g": 83,
    "b": 18
  },
  "hsl": {
    "h": 96.923,
    "s": 64.356,
    "l": 19.804
  },
  "oklch": {
    "l": 0.39808,
    "c": 0.10358,
    "h": 136
  },
  "luminance": 0.06744
}

Semantic roles & 50–950 ramp

primary
#2B5312
secondary
#6A358C
accent
#40E7A7
background
#F6F8F5
surface
#EBEFE9
border
#C6CAC5
text
#060B03
muted
#7A7C78

Preview Lab

Preview with #2B5312

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

Preview Lab → · Contrast checker → · Palette generator →

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