#A6CA20#A6CA20

#A6CA20 is a light, vivid yellow-green. Relative luminance 0.505; OKLCH L 78.5% C 0.183 H 122.0°. Best body text is #000000 at 11.09:1 contrast (WCAG AA passes).

Color values

HEX#A6CA20
RGBrgb(166, 202, 32)
HSLhsl(73, 73%, 46%)
HSVhsv(73, 84%, 79%)
CMYKcmyk(17.8%, 0%, 84.2%, 20.8%)
CIE-LABlab(76.35, -32.61, 71.62)
CIE-LCHlch(76.35, 78.69, 114.48°)
OKLaboklab(78.5% -0.0968 0.1549)
OKLCHoklch(78.5% 0.183 122)
XYZxyz(37.1078, 50.4523, 9.1496)
Luminance0.5045 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#A6CA20 #4420CA
analogous
#CA9920 #A6CA20 #51CA20
triadic
#A6CA20 #20A6CA #CA20A6
tetradic
#A6CA20 #20CA99 #4420CA #CA2051
square
#A6CA20 #20CA99 #4420CA #CA2051
split-complementary
#A6CA20 #2051CA #9920CA
monochromatic
#4F600F #7B9518 #A6CA20 #C1E246 #D2EA7A

Accessibility & contrast

On white

1.89
#A6CA20 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

11.09
#A6CA20 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #A6CA20
11.09:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##A6CA20#FFFFFF#000000##000000
##A6CA201.001.8911.0911.09
#FFFFFF1.891.0021.0021.00
#00000011.0921.001.001.00
##00000011.0921.001.001.00

Color blindness preview

Protanopia (red-blind)
#D7BD00
Deuteranopia (green-blind)
#D2BC34
Tritanopia (blue-blind)
#AFBFAC
Achromatopsia (no color)
#BCBCBC

Design tokens & code

CSS
--color: #a6ca20;
/* rgb */ color: rgb(166, 202, 32);
/* oklch */ color: oklch(78.5% 0.183 122.0);
Tailwind
colors: {
  custom: {
    50: '#c5da6e',
    500: '#a6ca20',
    950: '#000000',
  },
}
SCSS
$custom: #a6ca20;
$custom-light: #c5da6e;
$custom-dark: #000000;
JSON
{
  "hex": "#a6ca20",
  "rgb": {
    "r": 166,
    "g": 202,
    "b": 32
  },
  "hsl": {
    "h": 72.706,
    "s": 72.65,
    "l": 45.882
  },
  "oklch": {
    "l": 0.78502,
    "c": 0.1827,
    "h": 122
  },
  "luminance": 0.50452
}

Semantic roles & 50–950 ramp

primary
#A6CA20
secondary
#32236B
accent
#38EF5F
background
#FEFEFB
surface
#FAFBF1
border
#D3D4CB
text
#131408
muted
#83837D

Preview Lab

Preview with #A6CA20

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

Preview Lab → · Contrast checker → · Palette generator →

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