#1B9622#1B9622

#1B9622 is a mid, vivid green. Relative luminance 0.222; OKLCH L 58.7% C 0.183 H 143.3°. Best body text is #000000 at 5.43:1 contrast (WCAG AA passes).

Color values

HEX#1B9622
RGBrgb(27, 150, 34)
HSLhsl(123, 69%, 35%)
HSVhsv(123, 82%, 59%)
CMYKcmyk(82%, 0%, 77.3%, 41.2%)
CIE-LABlab(54.20, -54.23, 48.58)
CIE-LCHlch(54.20, 72.80, 138.15°)
OKLaboklab(58.74% -0.1469 0.1093)
OKLCHoklch(58.74% 0.183 143.3)
XYZxyz(11.6463, 22.1598, 5.1765)
Luminance0.2216 (WCAG relative)
Temperatureneutral
Familygreen

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#1B9622 #961B8F
analogous
#51961B #1B9622 #1B9660
triadic
#1B9622 #221B96 #96221B
tetradic
#1B9622 #1B5196 #961B8F #96601B
square
#1B9622 #1B5196 #961B8F #96601B
split-complementary
#1B9622 #601B96 #961B51
monochromatic
#082E0A #126216 #1B9622 #24CA2E #4DDF55

Accessibility & contrast

On white

3.87
#1B9622 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

5.43
#1B9622 on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #1B9622
5.43:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##1B9622#FFFFFF#000000##000000
##1B96221.003.875.435.43
#FFFFFF3.871.0021.0021.00
#0000005.4321.001.001.00
##0000005.4321.001.001.00

Color blindness preview

Protanopia (red-blind)
#998707
Deuteranopia (green-blind)
#8C7E2F
Tritanopia (blue-blind)
#009280
Achromatopsia (no color)
#828282

Design tokens & code

CSS
--color: #1b9622;
/* rgb */ color: rgb(27, 150, 34);
/* oklch */ color: oklch(58.7% 0.183 143.3);
Tailwind
colors: {
  custom: {
    50: '#70b666',
    500: '#1b9622',
    950: '#000000',
  },
}
SCSS
$custom: #1b9622;
$custom-light: #70b666;
$custom-dark: #000000;
JSON
{
  "hex": "#1b9622",
  "rgb": {
    "r": 27,
    "g": 150,
    "b": 34
  },
  "hsl": {
    "h": 123.415,
    "s": 69.492,
    "l": 34.706
  },
  "oklch": {
    "l": 0.58741,
    "c": 0.18308,
    "h": 143.3
  },
  "luminance": 0.22161
}

Semantic roles & 50–950 ramp

primary
#1B9622
secondary
#C14CBA
accent
#3BE2EC
background
#F7FBF6
surface
#EDF6EB
border
#C8D0C6
text
#091106
muted
#7B807A

Preview Lab

Preview with #1B9622

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

Preview Lab → · Contrast checker → · Palette generator →

#1B9622 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva