#116C23#116C23

#116C23 is a mid, vivid green. Relative luminance 0.110; OKLCH L 46.5% C 0.135 H 145.6°. Best body text is #FFFFFF at 6.58:1 contrast (WCAG AA passes).

Color values

HEX#116C23
RGBrgb(17, 108, 35)
HSLhsl(132, 73%, 25%)
HSVhsv(132, 84%, 42%)
CMYKcmyk(84.3%, 0%, 67.6%, 57.6%)
CIE-LABlab(39.52, -41.38, 32.77)
CIE-LCHlch(39.52, 52.79, 141.62°)
OKLaboklab(46.5% -0.1115 0.0763)
OKLCHoklch(46.5% 0.135 145.6)
XYZxyz(5.8967, 10.9649, 3.3954)
Luminance0.1097 (WCAG relative)
Temperatureneutral
Familygreen

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#116C23 #6C115A
analogous
#2D6C11 #116C23 #116C51
triadic
#116C23 #23116C #6C2311
tetradic
#116C23 #112D6C #6C115A #6C5111
square
#116C23 #112D6C #6C115A #6C5111
split-complementary
#116C23 #51116C #6C112D
monochromatic
#041A09 #093712 #116C23 #19A134 #22D645

Accessibility & contrast

On white

6.58
#116C23 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.19
#116C23 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #116C23
6.58:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##116C23#FFFFFF#000000##FFFFFF
##116C231.006.583.196.58
#FFFFFF6.581.0021.001.00
#0000003.1921.001.0021.00
##FFFFFF6.581.0021.001.00

Color blindness preview

Protanopia (red-blind)
#6E611A
Deuteranopia (green-blind)
#645A29
Tritanopia (blue-blind)
#00695D
Achromatopsia (no color)
#5D5D5D

Design tokens & code

CSS
--color: #116c23;
/* rgb */ color: rgb(17, 108, 35);
/* oklch */ color: oklch(46.5% 0.135 145.6);
Tailwind
colors: {
  custom: {
    50: '#629761',
    500: '#116c23',
    950: '#000000',
  },
}
SCSS
$custom: #116c23;
$custom-light: #629761;
$custom-dark: #000000;
JSON
{
  "hex": "#116c23",
  "rgb": {
    "r": 17,
    "g": 108,
    "b": 35
  },
  "hsl": {
    "h": 131.868,
    "s": 72.8,
    "l": 24.51
  },
  "oklch": {
    "l": 0.46498,
    "c": 0.1351,
    "h": 145.6
  },
  "luminance": 0.10966
}

Semantic roles & 50–950 ramp

primary
#116C23
secondary
#A4358E
accent
#38CBEF
background
#F6F9F5
surface
#EBF2EA
border
#C6CCC6
text
#060E05
muted
#7A7E79

Preview Lab

Preview with #116C23

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

Preview Lab → · Contrast checker → · Palette generator →

#116C23 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva