#8AF075#8AF075

#8AF075 is a very light, vivid green. Relative luminance 0.690; OKLCH L 86.6% C 0.187 H 140.3°. Best body text is #000000 at 14.80:1 contrast (WCAG AA passes).

Color values

HEX#8AF075
RGBrgb(138, 240, 117)
HSLhsl(110, 80%, 70%)
HSVhsv(110, 51%, 94%)
CMYKcmyk(42.5%, 0%, 51.3%, 5.9%)
CIE-LABlab(86.51, -52.57, 49.88)
CIE-LCHlch(86.51, 72.47, 136.50°)
OKLaboklab(86.58% -0.1438 0.1195)
OKLCHoklch(86.58% 0.187 140.3)
XYZxyz(44.8504, 69.0050, 27.7822)
Luminance0.6901 (WCAG relative)
Temperatureneutral
Familygreen

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#8AF075 #DB75F0
analogous
#C8F075 #8AF075 #75F09D
triadic
#8AF075 #758AF0 #F0758A
tetradic
#8AF075 #75C8F0 #DB75F0 #F09D75
square
#8AF075 #75C8F0 #DB75F0 #F09D75
split-complementary
#8AF075 #9D75F0 #F075C8
monochromatic
#37D417 #5BEA3E #8AF075 #B9F6AC #E8FCE3

Accessibility & contrast

On white

1.42
#8AF075 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

14.80
#8AF075 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #8AF075
14.80:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##8AF075#FFFFFF#000000##000000
##8AF0751.001.4214.8014.80
#FFFFFF1.421.0021.0021.00
#00000014.8021.001.001.00
##00000014.8021.001.001.00

Color blindness preview

Protanopia (red-blind)
#F6DE6A
Deuteranopia (green-blind)
#E7D57D
Tritanopia (blue-blind)
#81E9D4
Achromatopsia (no color)
#D8D8D8

Design tokens & code

CSS
--color: #8af075;
/* rgb */ color: rgb(138, 240, 117);
/* oklch */ color: oklch(86.6% 0.187 140.3);
Tailwind
colors: {
  custom: {
    50: '#b2f59f',
    500: '#8af075',
    950: '#000000',
  },
}
SCSS
$custom: #8af075;
$custom-light: #b2f59f;
$custom-dark: #000000;
JSON
{
  "hex": "#8af075",
  "rgb": {
    "r": 138,
    "g": 240,
    "b": 117
  },
  "hsl": {
    "h": 109.756,
    "s": 80.392,
    "l": 70
  },
  "oklch": {
    "l": 0.86578,
    "c": 0.18701,
    "h": 140.3
  },
  "luminance": 0.69008
}

Semantic roles & 50–950 ramp

primary
#8AF075
secondary
#B240C9
accent
#09DDB9
background
#FDFFFC
surface
#F8FEF5
border
#D1D6CF
text
#11170F
muted
#818580

Preview Lab

Preview with #8AF075

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

Preview Lab → · Contrast checker → · Palette generator →

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