#99BA22#99BA22

#99BA22 is a light, vivid yellow-green. Relative luminance 0.420; OKLCH L 73.9% C 0.170 H 122.0°. Best body text is #000000 at 9.40:1 contrast (WCAG AA passes).

Color values

HEX#99BA22
RGBrgb(153, 186, 34)
HSLhsl(73, 69%, 43%)
HSVhsv(73, 82%, 73%)
CMYKcmyk(17.7%, 0%, 81.7%, 27.1%)
CIE-LABlab(70.87, -30.34, 66.06)
CIE-LCHlch(70.87, 72.69, 114.67°)
OKLaboklab(73.86% -0.0899 0.1438)
OKLCHoklch(73.86% 0.17 122)
XYZxyz(30.9850, 42.0055, 7.9886)
Luminance0.4201 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#99BA22 #4322BA
analogous
#BA8F22 #99BA22 #4DBA22
triadic
#99BA22 #2299BA #BA2299
tetradic
#99BA22 #22BA8F #4322BA #BA224D
square
#99BA22 #22BA8F #4322BA #BA224D
split-complementary
#99BA22 #224DBA #8F22BA
monochromatic
#44530F #6E8619 #99BA22 #B9DC3E #CCE571

Accessibility & contrast

On white

2.23
#99BA22 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

9.40
#99BA22 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #99BA22
9.40:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##99BA22#FFFFFF#000000##000000
##99BA221.002.239.409.40
#FFFFFF2.231.0021.0021.00
#0000009.4021.001.001.00
##0000009.4021.001.001.00

Color blindness preview

Protanopia (red-blind)
#C6AE00
Deuteranopia (green-blind)
#C1AD33
Tritanopia (blue-blind)
#A2B09F
Achromatopsia (no color)
#ADADAD

Design tokens & code

CSS
--color: #99ba22;
/* rgb */ color: rgb(153, 186, 34);
/* oklch */ color: oklch(73.9% 0.170 122.0);
Tailwind
colors: {
  custom: {
    50: '#bbce6c',
    500: '#99ba22',
    950: '#000000',
  },
}
SCSS
$custom: #99ba22;
$custom-light: #bbce6c;
$custom-dark: #000000;
JSON
{
  "hex": "#99ba22",
  "rgb": {
    "r": 153,
    "g": 186,
    "b": 34
  },
  "hsl": {
    "h": 73.026,
    "s": 69.091,
    "l": 43.137
  },
  "oklch": {
    "l": 0.73862,
    "c": 0.16955,
    "h": 122
  },
  "luminance": 0.42006
}

Semantic roles & 50–950 ramp

primary
#99BA22
secondary
#816CCC
accent
#3CEC62
background
#FBFCF6
surface
#F7F9EC
border
#D0D2C7
text
#121308
muted
#81827B

Preview Lab

Preview with #99BA22

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

Preview Lab → · Contrast checker → · Palette generator →

#99BA22 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva