#8AA763#8AA763

#8AA763 is a light, moderate yellow-green. Relative luminance 0.339; OKLCH L 69.0% C 0.099 H 127.6°. Best body text is #000000 at 7.79:1 contrast (WCAG AA passes).

Color values

HEX#8AA763
RGBrgb(138, 167, 99)
HSLhsl(86, 28%, 52%)
HSVhsv(86, 41%, 65%)
CMYKcmyk(17.4%, 0%, 40.7%, 34.5%)
CIE-LABlab(64.92, -21.92, 31.91)
CIE-LCHlch(64.92, 38.72, 124.49°)
OKLaboklab(68.99% -0.0602 0.0782)
OKLCHoklch(68.99% 0.099 127.6)
XYZxyz(26.5518, 33.9413, 16.9544)
Luminance0.3394 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#8AA763 #8063A7
analogous
#A7A263 #8AA763 #68A763
triadic
#8AA763 #638AA7 #A7638A
tetradic
#8AA763 #63A7A2 #8063A7 #A76368
square
#8AA763 #63A7A2 #8063A7 #A76368
split-complementary
#8AA763 #6368A7 #A263A7
monochromatic
#4B5C34 #6B834A #8AA763 #A7BD8A #C5D3B1

Accessibility & contrast

On white

2.70
#8AA763 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

7.79
#8AA763 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #8AA763
7.79:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##8AA763#FFFFFF#000000##000000
##8AA7631.002.707.797.79
#FFFFFF2.701.0021.0021.00
#0000007.7921.001.001.00
##0000007.7921.001.001.00

Color blindness preview

Protanopia (red-blind)
#AD9F5E
Deuteranopia (green-blind)
#A99D67
Tritanopia (blue-blind)
#8DA196
Achromatopsia (no color)
#9D9D9D

Design tokens & code

CSS
--color: #8aa763;
/* rgb */ color: rgb(138, 167, 99);
/* oklch */ color: oklch(69.0% 0.099 127.6);
Tailwind
colors: {
  custom: {
    50: '#adc190',
    500: '#8aa763',
    950: '#000000',
  },
}
SCSS
$custom: #8aa763;
$custom-light: #adc190;
$custom-dark: #000000;
JSON
{
  "hex": "#8aa763",
  "rgb": {
    "r": 138,
    "g": 167,
    "b": 99
  },
  "hsl": {
    "h": 85.588,
    "s": 27.869,
    "l": 52.157
  },
  "oklch": {
    "l": 0.68988,
    "c": 0.0987,
    "h": 127.6
  },
  "luminance": 0.33942
}

Semantic roles & 50–950 ramp

primary
#8AA763
secondary
#B1A4C2
accent
#64C48D
background
#FAFBF8
surface
#F4F7F0
border
#CED0CB
text
#10120C
muted
#7F817D

Preview Lab

Preview with #8AA763

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

Preview Lab → · Contrast checker → · Palette generator →

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