#36952C#36952C

#36952C is a mid, vivid green. Relative luminance 0.225; OKLCH L 59.2% C 0.167 H 141.8°. Best body text is #000000 at 5.49:1 contrast (WCAG AA passes).

Color values

HEX#36952C
RGBrgb(54, 149, 44)
HSLhsl(114, 54%, 38%)
HSVhsv(114, 70%, 58%)
CMYKcmyk(63.8%, 0%, 70.5%, 41.6%)
CIE-LABlab(54.51, -48.16, 45.27)
CIE-LCHlch(54.51, 66.09, 136.77°)
OKLaboklab(59.19% -0.1313 0.1035)
OKLCHoklch(59.19% 0.167 141.8)
XYZxyz(12.7227, 22.4598, 6.0471)
Luminance0.2246 (WCAG relative)
Temperatureneutral
Familygreen

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#36952C #8B2C95
analogous
#6A952C #36952C #2C9557
triadic
#36952C #2C3695 #952C36
tetradic
#36952C #2C6A95 #8B2C95 #95572C
square
#36952C #2C6A95 #8B2C95 #95572C
split-complementary
#36952C #572C95 #952C6A
monochromatic
#143710 #25661E #36952C #47C43A #73D369

Accessibility & contrast

On white

3.82
#36952C on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

5.49
#36952C on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #36952C
5.49:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##36952C#FFFFFF#000000##000000
##36952C1.003.825.495.49
#FFFFFF3.821.0021.0021.00
#0000005.4921.001.001.00
##0000005.4921.001.001.00

Color blindness preview

Protanopia (red-blind)
#99871C
Deuteranopia (green-blind)
#8D7F36
Tritanopia (blue-blind)
#259080
Achromatopsia (no color)
#828282

Design tokens & code

CSS
--color: #36952c;
/* rgb */ color: rgb(54, 149, 44);
/* oklch */ color: oklch(59.2% 0.167 141.8);
Tailwind
colors: {
  custom: {
    50: '#79b56b',
    500: '#36952c',
    950: '#000000',
  },
}
SCSS
$custom: #36952c;
$custom-light: #79b56b;
$custom-dark: #000000;
JSON
{
  "hex": "#36952c",
  "rgb": {
    "r": 54,
    "g": 149,
    "b": 44
  },
  "hsl": {
    "h": 114.286,
    "s": 54.404,
    "l": 37.843
  },
  "oklch": {
    "l": 0.59191,
    "c": 0.16724,
    "h": 141.8
  },
  "luminance": 0.22461
}

Semantic roles & 50–950 ramp

primary
#36952C
secondary
#B164B9
accent
#4ADED0
background
#F7FBF6
surface
#EEF6EB
border
#C9D0C6
text
#0A1107
muted
#7C807A

Preview Lab

Preview with #36952C

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

Preview Lab → · Contrast checker → · Palette generator →

#36952C Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva