#AEC165#AEC165

#AEC165 is a light, moderate yellow-green. Relative luminance 0.481; OKLCH L 77.6% C 0.120 H 118.9°. Best body text is #000000 at 10.62:1 contrast (WCAG AA passes).

Color values

HEX#AEC165
RGBrgb(174, 193, 101)
HSLhsl(72, 43%, 58%)
HSVhsv(72, 48%, 76%)
CMYKcmyk(9.8%, 0%, 47.7%, 24.3%)
CIE-LABlab(74.87, -20.55, 43.87)
CIE-LCHlch(74.87, 48.44, 115.10°)
OKLaboklab(77.63% -0.0578 0.1049)
OKLCHoklch(77.63% 0.12 118.9)
XYZxyz(38.8748, 48.0784, 19.5415)
Luminance0.4808 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#AEC165 #7865C1
analogous
#C1A665 #AEC165 #80C165
triadic
#AEC165 #65AEC1 #C165AE
tetradic
#AEC165 #65C1A6 #7865C1 #C16580
square
#AEC165 #65C1A6 #7865C1 #C16580
split-complementary
#AEC165 #6580C1 #A665C1
monochromatic
#6B7A31 #92A643 #AEC165 #C5D391 #DCE4BC

Accessibility & contrast

On white

1.98
#AEC165 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

10.62
#AEC165 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #AEC165
10.62:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##AEC165#FFFFFF#000000##000000
##AEC1651.001.9810.6210.62
#FFFFFF1.981.0021.0021.00
#00000010.6221.001.001.00
##00000010.6221.001.001.00

Color blindness preview

Protanopia (red-blind)
#CBB85D
Deuteranopia (green-blind)
#C9B96A
Tritanopia (blue-blind)
#B6B9AC
Achromatopsia (no color)
#B8B8B8

Design tokens & code

CSS
--color: #aec165;
/* rgb */ color: rgb(174, 193, 101);
/* oklch */ color: oklch(77.6% 0.120 118.9);
Tailwind
colors: {
  custom: {
    50: '#c8d393',
    500: '#aec165',
    950: '#000000',
  },
}
SCSS
$custom: #aec165;
$custom-light: #c8d393;
$custom-dark: #000000;
JSON
{
  "hex": "#aec165",
  "rgb": {
    "r": 174,
    "g": 193,
    "b": 101
  },
  "hsl": {
    "h": 72.391,
    "s": 42.593,
    "l": 57.647
  },
  "oklch": {
    "l": 0.77625,
    "c": 0.11975,
    "h": 118.9
  },
  "luminance": 0.48078
}

Semantic roles & 50–950 ramp

primary
#AEC165
secondary
#B6AED3
accent
#55D26F
background
#FCFCF9
surface
#F8F9F1
border
#D1D2CB
text
#13140D
muted
#82827E

Preview Lab

Preview with #AEC165

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

Preview Lab → · Contrast checker → · Palette generator →

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