#A9D261#A9D261

#A9D261 is a light, vivid yellow-green. Relative luminance 0.554; OKLCH L 81.1% C 0.149 H 126.1°. Best body text is #000000 at 12.08:1 contrast (WCAG AA passes).

Color values

HEX#A9D261
RGBrgb(169, 210, 97)
HSLhsl(82, 56%, 60%)
HSVhsv(82, 54%, 82%)
CMYKcmyk(19.5%, 0%, 53.8%, 17.6%)
CIE-LABlab(79.27, -31.11, 50.93)
CIE-LCHlch(79.27, 59.67, 121.42°)
OKLaboklab(81.05% -0.0875 0.12)
OKLCHoklch(81.05% 0.149 126.1)
XYZxyz(41.5664, 55.3908, 19.8086)
Luminance0.5539 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#A9D261 #8A61D2
analogous
#D2C361 #A9D261 #70D261
triadic
#A9D261 #61A9D2 #D261A9
tetradic
#A9D261 #61D2C3 #8A61D2 #D26170
square
#A9D261 #61D2C3 #8A61D2 #D26170
split-complementary
#A9D261 #6170D2 #C361D2
monochromatic
#6A9029 #8EBF36 #A9D261 #C3E091 #DDEDC0

Accessibility & contrast

On white

1.74
#A9D261 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

12.08
#A9D261 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #A9D261
12.08:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##A9D261#FFFFFF#000000##000000
##A9D2611.001.7412.0812.08
#FFFFFF1.741.0021.0021.00
#00000012.0821.001.001.00
##00000012.0821.001.001.00

Color blindness preview

Protanopia (red-blind)
#DCC656
Deuteranopia (green-blind)
#D6C468
Tritanopia (blue-blind)
#AFC9B9
Achromatopsia (no color)
#C4C4C4

Design tokens & code

CSS
--color: #a9d261;
/* rgb */ color: rgb(169, 210, 97);
/* oklch */ color: oklch(81.1% 0.149 126.1);
Tailwind
colors: {
  custom: {
    50: '#c5e091',
    500: '#a9d261',
    950: '#000000',
  },
}
SCSS
$custom: #a9d261;
$custom-light: #c5e091;
$custom-dark: #000000;
JSON
{
  "hex": "#a9d261",
  "rgb": {
    "r": 169,
    "g": 210,
    "b": 97
  },
  "hsl": {
    "h": 81.77,
    "s": 55.665,
    "l": 60.196
  },
  "oklch": {
    "l": 0.81054,
    "c": 0.14856,
    "h": 126.1
  },
  "luminance": 0.55391
}

Semantic roles & 50–950 ramp

primary
#A9D261
secondary
#604296
accent
#22C35D
background
#FDFEFC
surface
#F9FCF4
border
#D2D5CE
text
#13150D
muted
#82847F

Preview Lab

Preview with #A9D261

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

Preview Lab → · Contrast checker → · Palette generator →

#A9D261 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva