#AEDE45#AEDE45

#AEDE45 is a very light, vivid yellow-green. Relative luminance 0.617; OKLCH L 83.9% C 0.184 H 125.4°. Best body text is #000000 at 13.33:1 contrast (WCAG AA passes).

Color values

HEX#AEDE45
RGBrgb(174, 222, 69)
HSLhsl(79, 70%, 57%)
HSVhsv(79, 69%, 87%)
CMYKcmyk(21.6%, 0%, 68.9%, 12.9%)
CIE-LABlab(82.74, -36.91, 66.53)
CIE-LCHlch(82.74, 76.08, 119.02°)
OKLaboklab(83.86% -0.1063 0.1498)
OKLCHoklch(83.86% 0.184 125.4)
XYZxyz(44.6513, 61.6703, 15.1802)
Luminance0.6167 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#AEDE45 #7545DE
analogous
#DEC245 #AEDE45 #61DE45
triadic
#AEDE45 #45AEDE #DE45AE
tetradic
#AEDE45 #45DEC2 #7545DE #DE4561
square
#AEDE45 #45DEC2 #7545DE #DE4561
split-complementary
#AEDE45 #4561DE #C245DE
monochromatic
#6A8F19 #91C323 #AEDE45 #C5E779 #DBF0AD

Accessibility & contrast

On white

1.57
#AEDE45 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

13.33
#AEDE45 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #AEDE45
13.33:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##AEDE45#FFFFFF#000000##000000
##AEDE451.001.5713.3313.33
#FFFFFF1.571.0021.0021.00
#00000013.3321.001.001.00
##00000013.3321.001.001.00

Color blindness preview

Protanopia (red-blind)
#EAD02D
Deuteranopia (green-blind)
#E3CD52
Tritanopia (blue-blind)
#B5D4C0
Achromatopsia (no color)
#CECECE

Design tokens & code

CSS
--color: #aede45;
/* rgb */ color: rgb(174, 222, 69);
/* oklch */ color: oklch(83.9% 0.184 125.4);
Tailwind
colors: {
  custom: {
    50: '#cae881',
    500: '#aede45',
    950: '#000000',
  },
}
SCSS
$custom: #aede45;
$custom-light: #cae881;
$custom-dark: #000000;
JSON
{
  "hex": "#aede45",
  "rgb": {
    "r": 174,
    "g": 222,
    "b": 69
  },
  "hsl": {
    "h": 78.824,
    "s": 69.863,
    "l": 57.059
  },
  "oklch": {
    "l": 0.83862,
    "c": 0.18367,
    "h": 125.4
  },
  "luminance": 0.61671
}

Semantic roles & 50–950 ramp

primary
#AEDE45
secondary
#513394
accent
#3BED73
background
#FEFEFB
surface
#FBFCF2
border
#D4D5CC
text
#14160B
muted
#83847E

Preview Lab

Preview with #AEDE45

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

Preview Lab → · Contrast checker → · Palette generator →

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