#AED28E#AED28E

#AED28E is a very light, moderate yellow-green. Relative luminance 0.570; OKLCH L 82.1% C 0.099 H 131.0°. Best body text is #000000 at 12.41:1 contrast (WCAG AA passes).

Color values

HEX#AED28E
RGBrgb(174, 210, 142)
HSLhsl(92, 43%, 69%)
HSVhsv(92, 32%, 82%)
CMYKcmyk(17.1%, 0%, 32.4%, 17.6%)
CIE-LABlab(80.20, -23.87, 29.91)
CIE-LCHlch(80.20, 38.27, 128.59°)
OKLaboklab(82.09% -0.0649 0.0747)
OKLCHoklch(82.09% 0.099 131)
XYZxyz(45.3838, 57.0442, 34.2055)
Luminance0.5705 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#AED28E #B28ED2
analogous
#D0D28E #AED28E #8ED290
triadic
#AED28E #8EAED2 #D28EAE
tetradic
#AED28E #8ED0D2 #B28ED2 #D2908E
square
#AED28E #8ED0D2 #B28ED2 #D2908E
split-complementary
#AED28E #908ED2 #D28ED0
monochromatic
#70A441 #8FC162 #AED28E #CDE3BA #EDF5E6

Accessibility & contrast

On white

1.69
#AED28E on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

12.41
#AED28E on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #AED28E
12.41:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##AED28E#FFFFFF#000000##000000
##AED28E1.001.6912.4112.41
#FFFFFF1.691.0021.0021.00
#00000012.4121.001.001.00
##00000012.4121.001.001.00

Color blindness preview

Protanopia (red-blind)
#D8C989
Deuteranopia (green-blind)
#D3C691
Tritanopia (blue-blind)
#B0CCC0
Achromatopsia (no color)
#C7C7C7

Design tokens & code

CSS
--color: #aed28e;
/* rgb */ color: rgb(174, 210, 142);
/* oklch */ color: oklch(82.1% 0.099 131.0);
Tailwind
colors: {
  custom: {
    50: '#c7e0af',
    500: '#aed28e',
    950: '#000000',
  },
}
SCSS
$custom: #aed28e;
$custom-light: #c7e0af;
$custom-dark: #000000;
JSON
{
  "hex": "#aed28e",
  "rgb": {
    "r": 174,
    "g": 210,
    "b": 142
  },
  "hsl": {
    "h": 91.765,
    "s": 43.038,
    "l": 69.02
  },
  "oklch": {
    "l": 0.82092,
    "c": 0.09899,
    "h": 131
  },
  "luminance": 0.57045
}

Semantic roles & 50–950 ramp

primary
#AED28E
secondary
#845CA8
accent
#2FB677
background
#FDFEFD
surface
#F9FCF7
border
#D2D5D0
text
#131510
muted
#828481

Preview Lab

Preview with #AED28E

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

Preview Lab → · Contrast checker → · Palette generator →

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