#197A16#197A16

#197A16 is a mid, vivid green. Relative luminance 0.142; OKLCH L 50.6% C 0.158 H 142.5°. Best body text is #FFFFFF at 5.47:1 contrast (WCAG AA passes).

Color values

HEX#197A16
RGBrgb(25, 122, 22)
HSLhsl(118, 69%, 28%)
HSVhsv(118, 82%, 48%)
CMYKcmyk(79.5%, 0%, 82%, 52.2%)
CIE-LABlab(44.49, -46.25, 43.22)
CIE-LCHlch(44.49, 63.30, 136.93°)
OKLaboklab(50.64% -0.1257 0.0964)
OKLCHoklch(50.64% 0.158 142.5)
XYZxyz(7.5048, 14.1828, 3.1009)
Luminance0.1418 (WCAG relative)
Temperatureneutral
Familygreen

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#197A16 #77167A
analogous
#4B7A16 #197A16 #167A45
triadic
#197A16 #16197A #7A1619
tetradic
#197A16 #164B7A #77167A #7A4516
square
#197A16 #164B7A #77167A #7A4516
split-complementary
#197A16 #45167A #7A164B
monochromatic
#051A05 #0E460D #197A16 #24AE1F #36DA31

Accessibility & contrast

On white

5.47
#197A16 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.84
#197A16 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #197A16
5.47:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##197A16#FFFFFF#000000##FFFFFF
##197A161.005.473.845.47
#FFFFFF5.471.0021.001.00
#0000003.8421.001.0021.00
##FFFFFF5.471.0021.001.00

Color blindness preview

Protanopia (red-blind)
#7D6E00
Deuteranopia (green-blind)
#726622
Tritanopia (blue-blind)
#007668
Achromatopsia (no color)
#696969

Design tokens & code

CSS
--color: #197a16;
/* rgb */ color: rgb(25, 122, 22);
/* oklch */ color: oklch(50.6% 0.158 142.5);
Tailwind
colors: {
  custom: {
    50: '#69a15c',
    500: '#197a16',
    950: '#000000',
  },
}
SCSS
$custom: #197a16;
$custom-light: #69a15c;
$custom-dark: #000000;
JSON
{
  "hex": "#197a16",
  "rgb": {
    "r": 25,
    "g": 122,
    "b": 22
  },
  "hsl": {
    "h": 118.2,
    "s": 69.444,
    "l": 28.235
  },
  "oklch": {
    "l": 0.50639,
    "c": 0.1584,
    "h": 142.5
  },
  "luminance": 0.14184
}

Semantic roles & 50–950 ramp

primary
#197A16
secondary
#AC3DAF
accent
#3CECE7
background
#F6FAF5
surface
#ECF3E9
border
#C7CDC5
text
#070F04
muted
#7A7F79

Preview Lab

Preview with #197A16

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

Preview Lab → · Contrast checker → · Palette generator →

#197A16 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva