#A6E145#A6E145

#A6E145 is a very light, vivid yellow-green. Relative luminance 0.624; OKLCH L 84.0% C 0.191 H 128.1°. Best body text is #000000 at 13.48:1 contrast (WCAG AA passes).

Color values

HEX#A6E145
RGBrgb(166, 225, 69)
HSLhsl(83, 72%, 58%)
HSVhsv(83, 69%, 88%)
CMYKcmyk(26.2%, 0%, 69.3%, 11.8%)
CIE-LABlab(83.12, -41.25, 66.76)
CIE-LCHlch(83.12, 78.48, 121.71°)
OKLaboklab(84.05% -0.1178 0.1504)
OKLCHoklch(84.05% 0.191 128.1)
XYZxyz(43.7253, 62.3861, 15.3671)
Luminance0.6239 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#A6E145 #8045E1
analogous
#E1CE45 #A6E145 #58E145
triadic
#A6E145 #45A6E1 #E145A6
tetradic
#A6E145 #45E1CE #8045E1 #E14558
square
#A6E145 #45E1CE #8045E1 #E14558
split-complementary
#A6E145 #4558E1 #CE45E1
monochromatic
#659418 #89C820 #A6E145 #BFE97A #D8F2AE

Accessibility & contrast

On white

1.56
#A6E145 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

13.48
#A6E145 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #A6E145
13.48:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##A6E145#FFFFFF#000000##000000
##A6E1451.001.5613.4813.48
#FFFFFF1.561.0021.0021.00
#00000013.4821.001.001.00
##00000013.4821.001.001.00

Color blindness preview

Protanopia (red-blind)
#ECD22C
Deuteranopia (green-blind)
#E4CE53
Tritanopia (blue-blind)
#ACD7C2
Achromatopsia (no color)
#CFCFCF

Design tokens & code

CSS
--color: #a6e145;
/* rgb */ color: rgb(166, 225, 69);
/* oklch */ color: oklch(84.0% 0.191 128.1);
Tailwind
colors: {
  custom: {
    50: '#c4ea81',
    500: '#a6e145',
    950: '#000000',
  },
}
SCSS
$custom: #a6e145;
$custom-light: #c4ea81;
$custom-dark: #000000;
JSON
{
  "hex": "#a6e145",
  "rgb": {
    "r": 166,
    "g": 225,
    "b": 69
  },
  "hsl": {
    "h": 82.692,
    "s": 72.222,
    "l": 57.647
  },
  "oklch": {
    "l": 0.84047,
    "c": 0.19104,
    "h": 128.1
  },
  "luminance": 0.62387
}

Semantic roles & 50–950 ramp

primary
#A6E145
secondary
#593298
accent
#39EF7E
background
#FEFEFB
surface
#FAFDF2
border
#D3D5CC
text
#13160B
muted
#83847E

Preview Lab

Preview with #A6E145

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

Preview Lab → · Contrast checker → · Palette generator →

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