#118022#118022

#118022 is a mid, vivid green. Relative luminance 0.157; OKLCH L 52.3% C 0.160 H 144.5°. Best body text is #FFFFFF at 5.08:1 contrast (WCAG AA passes).

Color values

HEX#118022
RGBrgb(17, 128, 34)
HSLhsl(129, 77%, 28%)
HSVhsv(129, 87%, 50%)
CMYKcmyk(86.7%, 0%, 73.4%, 49.8%)
CIE-LABlab(46.54, -48.30, 40.77)
CIE-LCHlch(46.54, 63.20, 139.83°)
OKLaboklab(52.33% -0.1303 0.093)
OKLCHoklch(52.33% 0.16 144.5)
XYZxyz(8.2385, 15.6720, 4.1039)
Luminance0.1567 (WCAG relative)
Temperatureneutral
Familygreen

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#118022 #80116F
analogous
#378011 #118022 #118059
triadic
#118022 #221180 #802211
tetradic
#118022 #113780 #80116F #805911
square
#118022 #113780 #80116F #805911
split-complementary
#118022 #591180 #801137
monochromatic
#041B07 #0A4A14 #118022 #18B630 #29E345

Accessibility & contrast

On white

5.08
#118022 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

4.13
#118022 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #118022
5.08:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##118022#FFFFFF#000000##FFFFFF
##1180221.005.084.135.08
#FFFFFF5.081.0021.001.00
#0000004.1321.001.0021.00
##FFFFFF5.081.0021.001.00

Color blindness preview

Protanopia (red-blind)
#827313
Deuteranopia (green-blind)
#776B2C
Tritanopia (blue-blind)
#007C6D
Achromatopsia (no color)
#6E6E6E

Design tokens & code

CSS
--color: #118022;
/* rgb */ color: rgb(17, 128, 34);
/* oklch */ color: oklch(52.3% 0.160 144.5);
Tailwind
colors: {
  custom: {
    50: '#68a663',
    500: '#118022',
    950: '#000000',
  },
}
SCSS
$custom: #118022;
$custom-light: #68a663;
$custom-dark: #000000;
JSON
{
  "hex": "#118022",
  "rgb": {
    "r": 17,
    "g": 128,
    "b": 34
  },
  "hsl": {
    "h": 129.189,
    "s": 76.552,
    "l": 28.431
  },
  "oklch": {
    "l": 0.52332,
    "c": 0.16015,
    "h": 144.5
  },
  "luminance": 0.15673
}

Semantic roles & 50–950 ramp

primary
#118022
secondary
#B637A2
accent
#35D6F3
background
#F6FAF6
surface
#ECF4EB
border
#C7CEC6
text
#070F05
muted
#7A7F7A

Preview Lab

Preview with #118022

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

Preview Lab → · Contrast checker → · Palette generator →

#118022 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva