#7AF370#7AF370

#7AF370 is a very light, highly saturated green. Relative luminance 0.694; OKLCH L 86.6% C 0.203 H 142.2°. Best body text is #000000 at 14.88:1 contrast (WCAG AA passes).

Color values

HEX#7AF370
RGBrgb(122, 243, 112)
HSLhsl(115, 85%, 70%)
HSVhsv(115, 54%, 95%)
CMYKcmyk(49.8%, 0%, 53.9%, 4.7%)
CIE-LABlab(86.70, -58.86, 52.27)
CIE-LCHlch(86.70, 78.72, 138.39°)
OKLaboklab(86.55% -0.1604 0.1245)
OKLCHoklch(86.55% 0.203 142.2)
XYZxyz(42.9992, 69.4053, 26.4568)
Luminance0.6941 (WCAG relative)
Temperatureneutral
Familygreen

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#7AF370 #E970F3
analogous
#BBF370 #7AF370 #70F3A8
triadic
#7AF370 #707AF3 #F3707A
tetradic
#7AF370 #70BBF3 #E970F3 #F3A870
square
#7AF370 #70BBF3 #E970F3 #F3A870
split-complementary
#7AF370 #A870F3 #F370BB
monochromatic
#21D712 #45EE38 #7AF370 #AFF8A8 #E3FCE1

Accessibility & contrast

On white

1.41
#7AF370 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

14.88
#7AF370 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #7AF370
14.88:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##7AF370#FFFFFF#000000##000000
##7AF3701.001.4114.8814.88
#FFFFFF1.411.0021.0021.00
#00000014.8821.001.001.00
##00000014.8821.001.001.00

Color blindness preview

Protanopia (red-blind)
#F8E064
Deuteranopia (green-blind)
#E8D57A
Tritanopia (blue-blind)
#6BEDD6
Achromatopsia (no color)
#D9D9D9

Design tokens & code

CSS
--color: #7af370;
/* rgb */ color: rgb(122, 243, 112);
/* oklch */ color: oklch(86.6% 0.203 142.2);
Tailwind
colors: {
  custom: {
    50: '#a9f89c',
    500: '#7af370',
    950: '#000000',
  },
}
SCSS
$custom: #7af370;
$custom-light: #a9f89c;
$custom-dark: #000000;
JSON
{
  "hex": "#7af370",
  "rgb": {
    "r": 122,
    "g": 243,
    "b": 112
  },
  "hsl": {
    "h": 115.42,
    "s": 84.516,
    "l": 69.608
  },
  "oklch": {
    "l": 0.8655,
    "c": 0.2031,
    "h": 142.2
  },
  "luminance": 0.69409
}

Semantic roles & 50–950 ramp

primary
#7AF370
secondary
#C13BCD
accent
#05E1D0
background
#FDFFFC
surface
#F7FFF5
border
#D0D7CF
text
#11170E
muted
#81857F

Preview Lab

Preview with #7AF370

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

Preview Lab → · Contrast checker → · Palette generator →

#7AF370 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva