#16B333#16B333

#16B333 is a light, highly saturated green. Relative luminance 0.327; OKLCH L 66.8% C 0.206 H 144.7°. Best body text is #000000 at 7.53:1 contrast (WCAG AA passes).

Color values

HEX#16B333
RGBrgb(22, 179, 51)
HSLhsl(131, 78%, 39%)
HSVhsv(131, 88%, 70%)
CMYKcmyk(87.7%, 0%, 71.5%, 29.8%)
CIE-LABlab(63.87, -62.31, 52.12)
CIE-LCHlch(63.87, 81.24, 140.09°)
OKLaboklab(66.82% -0.168 0.1189)
OKLCHoklch(66.82% 0.206 144.7)
XYZxyz(17.0473, 32.6476, 8.5345)
Luminance0.3265 (WCAG relative)
Temperatureneutral
Familygreen

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#16B333 #B31696
analogous
#48B316 #16B333 #16B382
triadic
#16B333 #3316B3 #B33316
tetradic
#16B333 #1648B3 #B31696 #B38216
square
#16B333 #1648B3 #B31696 #B38216
split-complementary
#16B333 #8216B3 #B31648
monochromatic
#094614 #0F7C23 #16B333 #22E446 #59EB74

Accessibility & contrast

On white

2.79
#16B333 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

7.53
#16B333 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #16B333
7.53:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##16B333#FFFFFF#000000##000000
##16B3331.002.797.537.53
#FFFFFF2.791.0021.0021.00
#0000007.5321.001.001.00
##0000007.5321.001.001.00

Color blindness preview

Protanopia (red-blind)
#B6A11E
Deuteranopia (green-blind)
#A69640
Tritanopia (blue-blind)
#00AE9A
Achromatopsia (no color)
#9B9B9B

Design tokens & code

CSS
--color: #16b333;
/* rgb */ color: rgb(22, 179, 51);
/* oklch */ color: oklch(66.8% 0.206 144.7);
Tailwind
colors: {
  custom: {
    50: '#76cb72',
    500: '#16b333',
    950: '#000000',
  },
}
SCSS
$custom: #16b333;
$custom-light: #76cb72;
$custom-dark: #000000;
JSON
{
  "hex": "#16b333",
  "rgb": {
    "r": 22,
    "g": 179,
    "b": 51
  },
  "hsl": {
    "h": 131.083,
    "s": 78.109,
    "l": 39.412
  },
  "oklch": {
    "l": 0.66818,
    "c": 0.20585,
    "h": 144.7
  },
  "luminance": 0.3265
}

Semantic roles & 50–950 ramp

primary
#16B333
secondary
#CE57B8
accent
#33D1F5
background
#F8FCF7
surface
#EFF9ED
border
#CAD2C8
text
#0A1308
muted
#7C827B

Preview Lab

Preview with #16B333

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

Preview Lab → · Contrast checker → · Palette generator →

#16B333 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva