#198C24#198C24

#198C24 is a mid, vivid green. Relative luminance 0.191; OKLCH L 55.9% C 0.171 H 143.9°. Best body text is #000000 at 4.82:1 contrast (WCAG AA passes).

Color values

HEX#198C24
RGBrgb(25, 140, 36)
HSLhsl(126, 70%, 32%)
HSVhsv(126, 82%, 55%)
CMYKcmyk(82.1%, 0%, 74.3%, 45.1%)
CIE-LABlab(50.79, -51.09, 44.40)
CIE-LCHlch(50.79, 67.69, 139.01°)
OKLaboklab(55.9% -0.1382 0.1009)
OKLCHoklch(55.9% 0.171 143.9)
XYZxyz(10.0967, 19.0890, 4.8211)
Luminance0.1909 (WCAG relative)
Temperatureneutral
Familygreen

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#198C24 #8C1981
analogous
#488C19 #198C24 #198C5D
triadic
#198C24 #24198C #8C2419
tetradic
#198C24 #19488C #8C1981 #8C5D19
square
#198C24 #19488C #8C1981 #8C5D19
split-complementary
#198C24 #5D198C #8C1948
monochromatic
#062409 #105817 #198C24 #22C031 #42DD51

Accessibility & contrast

On white

4.36
#198C24 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

4.82
#198C24 on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #198C24
4.82:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##198C24#FFFFFF#000000##000000
##198C241.004.364.824.82
#FFFFFF4.361.0021.0021.00
#0000004.8221.001.001.00
##0000004.8221.001.001.00

Color blindness preview

Protanopia (red-blind)
#8F7E12
Deuteranopia (green-blind)
#83762F
Tritanopia (blue-blind)
#008878
Achromatopsia (no color)
#797979

Design tokens & code

CSS
--color: #198c24;
/* rgb */ color: rgb(25, 140, 36);
/* oklch */ color: oklch(55.9% 0.171 143.9);
Tailwind
colors: {
  custom: {
    50: '#6daf65',
    500: '#198c24',
    950: '#000000',
  },
}
SCSS
$custom: #198c24;
$custom-light: #6daf65;
$custom-dark: #000000;
JSON
{
  "hex": "#198c24",
  "rgb": {
    "r": 25,
    "g": 140,
    "b": 36
  },
  "hsl": {
    "h": 125.739,
    "s": 69.697,
    "l": 32.353
  },
  "oklch": {
    "l": 0.55904,
    "c": 0.17107,
    "h": 143.9
  },
  "luminance": 0.1909
}

Semantic roles & 50–950 ramp

primary
#198C24
secondary
#BE43B2
accent
#3BDCED
background
#F7FAF6
surface
#EDF5EB
border
#C8CFC6
text
#081006
muted
#7B7F7A

Preview Lab

Preview with #198C24

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

Preview Lab → · Contrast checker → · Palette generator →

#198C24 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva