#70F46D#70F46D

#70F46D is a very light, highly saturated green. Relative luminance 0.693; OKLCH L 86.4% C 0.211 H 143.1°. Best body text is #000000 at 14.85:1 contrast (WCAG AA passes).

Color values

HEX#70F46D
RGBrgb(112, 244, 109)
HSLhsl(119, 86%, 69%)
HSVhsv(119, 55%, 96%)
CMYKcmyk(54.1%, 0%, 55.3%, 4.3%)
CIE-LABlab(86.63, -62.15, 53.46)
CIE-LCHlch(86.63, 81.98, 139.30°)
OKLaboklab(86.38% -0.169 0.1269)
OKLCHoklch(86.38% 0.211 143.1)
XYZxyz(41.7909, 69.2467, 25.6287)
Luminance0.6925 (WCAG relative)
Temperatureneutral
Familygreen

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#70F46D #F16DF4
analogous
#B4F46D #70F46D #6DF4AE
triadic
#70F46D #6D70F4 #F46D70
tetradic
#70F46D #6DB4F4 #F16DF4 #F4AE6D
square
#70F46D #6DB4F4 #F16DF4 #F4AE6D
split-complementary
#70F46D #AE6DF4 #F46DB4
monochromatic
#15D610 #38F034 #70F46D #A8F8A6 #DFFDDF

Accessibility & contrast

On white

1.41
#70F46D on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

14.85
#70F46D on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #70F46D
14.85:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##70F46D#FFFFFF#000000##000000
##70F46D1.001.4114.8514.85
#FFFFFF1.411.0021.0021.00
#00000014.8521.001.001.00
##00000014.8521.001.001.00

Color blindness preview

Protanopia (red-blind)
#F9E060
Deuteranopia (green-blind)
#E8D477
Tritanopia (blue-blind)
#5CEED6
Achromatopsia (no color)
#D9D9D9

Design tokens & code

CSS
--color: #70f46d;
/* rgb */ color: rgb(112, 244, 109);
/* oklch */ color: oklch(86.4% 0.211 143.1);
Tailwind
colors: {
  custom: {
    50: '#a3f99a',
    500: '#70f46d',
    950: '#000000',
  },
}
SCSS
$custom: #70f46d;
$custom-light: #a3f99a;
$custom-dark: #000000;
JSON
{
  "hex": "#70f46d",
  "rgb": {
    "r": 112,
    "g": 244,
    "b": 109
  },
  "hsl": {
    "h": 118.667,
    "s": 85.987,
    "l": 69.216
  },
  "oklch": {
    "l": 0.86379,
    "c": 0.2114,
    "h": 143.1
  },
  "luminance": 0.6925
}

Semantic roles & 50–950 ramp

primary
#70F46D
secondary
#CA38CD
accent
#03E3DE
background
#FDFFFC
surface
#F7FFF5
border
#D0D7CF
text
#10170E
muted
#81857F

Preview Lab

Preview with #70F46D

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

Preview Lab → · Contrast checker → · Palette generator →

#70F46D Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva