#A4DA37#A4DA37

#A4DA37 is a very light, vivid yellow-green. Relative luminance 0.583; OKLCH L 82.2% C 0.192 H 126.7°. Best body text is #000000 at 12.66:1 contrast (WCAG AA passes).

Color values

HEX#A4DA37
RGBrgb(164, 218, 55)
HSLhsl(80, 69%, 54%)
HSVhsv(80, 75%, 85%)
CMYKcmyk(24.8%, 0%, 74.8%, 14.5%)
CIE-LABlab(80.91, -39.71, 69.36)
CIE-LCHlch(80.91, 79.92, 119.79°)
OKLaboklab(82.2% -0.1145 0.1538)
OKLCHoklch(82.2% 0.192 126.7)
XYZxyz(41.0710, 58.3104, 12.7049)
Luminance0.5831 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#A4DA37 #6D37DA
analogous
#DABE37 #A4DA37 #52DA37
triadic
#A4DA37 #37A4DA #DA37A4
tetradic
#A4DA37 #37DABE #6D37DA #DA3752
square
#A4DA37 #37DABE #6D37DA #DA3752
split-complementary
#A4DA37 #3752DA #BE37DA
monochromatic
#5D7F18 #82B321 #A4DA37 #BBE46B #D3ED9E

Accessibility & contrast

On white

1.66
#A4DA37 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

12.66
#A4DA37 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #A4DA37
12.66:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##A4DA37#FFFFFF#000000##000000
##A4DA371.001.6612.6612.66
#FFFFFF1.661.0021.0021.00
#00000012.6621.001.001.00
##00000012.6621.001.001.00

Color blindness preview

Protanopia (red-blind)
#E5CB10
Deuteranopia (green-blind)
#DEC847
Tritanopia (blue-blind)
#ABD0BB
Achromatopsia (no color)
#C9C9C9

Design tokens & code

CSS
--color: #a4da37;
/* rgb */ color: rgb(164, 218, 55);
/* oklch */ color: oklch(82.2% 0.192 126.7);
Tailwind
colors: {
  custom: {
    50: '#c3e57a',
    500: '#a4da37',
    950: '#000000',
  },
}
SCSS
$custom: #a4da37;
$custom-light: #c3e57a;
$custom-dark: #000000;
JSON
{
  "hex": "#a4da37",
  "rgb": {
    "r": 164,
    "g": 218,
    "b": 55
  },
  "hsl": {
    "h": 79.877,
    "s": 68.776,
    "l": 53.529
  },
  "oklch": {
    "l": 0.82199,
    "c": 0.19177,
    "h": 126.7
  },
  "luminance": 0.58311
}

Semantic roles & 50–950 ramp

primary
#A4DA37
secondary
#4C2F86
accent
#3CEC76
background
#FEFEFB
surface
#FAFCF2
border
#D3D5CC
text
#13150A
muted
#83847D

Preview Lab

Preview with #A4DA37

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

Preview Lab → · Contrast checker → · Palette generator →

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