#8AA645#8AA645

#8AA645 is a light, vivid yellow-green. Relative luminance 0.331; OKLCH L 68.3% C 0.128 H 123.3°. Best body text is #000000 at 7.62:1 contrast (WCAG AA passes).

Color values

HEX#8AA645
RGBrgb(138, 166, 69)
HSLhsl(77, 41%, 46%)
HSVhsv(77, 58%, 65%)
CMYKcmyk(16.9%, 0%, 58.4%, 34.9%)
CIE-LABlab(64.25, -24.71, 46.09)
CIE-LCHlch(64.25, 52.29, 118.20°)
OKLaboklab(68.33% -0.0704 0.1072)
OKLCHoklch(68.33% 0.128 123.3)
XYZxyz(25.1918, 33.1053, 10.6919)
Luminance0.3311 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#8AA645 #6145A6
analogous
#A69145 #8AA645 #59A645
triadic
#8AA645 #458AA6 #A6458A
tetradic
#8AA645 #45A691 #6145A6 #A64559
square
#8AA645 #45A691 #6145A6 #A64559
split-complementary
#8AA645 #4559A6 #9145A6
monochromatic
#425021 #667B33 #8AA645 #A7C068 #C0D293

Accessibility & contrast

On white

2.76
#8AA645 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

7.62
#8AA645 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #8AA645
7.62:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##8AA645#FFFFFF#000000##000000
##8AA6451.002.767.627.62
#FFFFFF2.761.0021.0021.00
#0000007.6221.001.001.00
##0000007.6221.001.001.00

Color blindness preview

Protanopia (red-blind)
#AF9D3B
Deuteranopia (green-blind)
#AB9C4B
Tritanopia (blue-blind)
#909E91
Achromatopsia (no color)
#9C9C9C

Design tokens & code

CSS
--color: #8aa645;
/* rgb */ color: rgb(138, 166, 69);
/* oklch */ color: oklch(68.3% 0.128 123.3);
Tailwind
colors: {
  custom: {
    50: '#aec07c',
    500: '#8aa645',
    950: '#000000',
  },
}
SCSS
$custom: #8aa645;
$custom-light: #aec07c;
$custom-dark: #000000;
JSON
{
  "hex": "#8aa645",
  "rgb": {
    "r": 138,
    "g": 166,
    "b": 69
  },
  "hsl": {
    "h": 77.32,
    "s": 41.277,
    "l": 46.078
  },
  "oklch": {
    "l": 0.68327,
    "c": 0.1283,
    "h": 123.3
  },
  "luminance": 0.33105
}

Semantic roles & 50–950 ramp

primary
#8AA645
secondary
#9889BE
accent
#57D17A
background
#FAFBF7
surface
#F5F7EE
border
#CFD0C9
text
#11120A
muted
#80817C

Preview Lab

Preview with #8AA645

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

Preview Lab → · Contrast checker → · Palette generator →

#8AA645 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva