#70FEB2#70FEB2

#70FEB2 is a very light, vivid green. Relative luminance 0.775; OKLCH L 89.9% C 0.164 H 157.2°. Best body text is #000000 at 16.51:1 contrast (WCAG AA passes).

Color values

HEX#70FEB2
RGBrgb(112, 254, 178)
HSLhsl(148, 99%, 72%)
HSVhsv(148, 56%, 100%)
CMYKcmyk(55.9%, 0%, 29.9%, 0.4%)
CIE-LABlab(90.57, -55.30, 25.01)
CIE-LCHlch(90.57, 60.69, 155.67°)
OKLaboklab(89.94% -0.1509 0.0634)
OKLCHoklch(89.94% 0.164 157.2)
XYZxyz(50.1555, 77.5380, 54.4341)
Luminance0.7754 (WCAG relative)
Temperatureneutral
Familygreen

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#70FEB2 #FE70BC
analogous
#75FE70 #70FEB2 #70FEF9
triadic
#70FEB2 #B270FE #FEB270
tetradic
#70FEB2 #7075FE #FE70BC #FEF970
square
#70FEB2 #7075FE #FE70BC #FEF970
split-complementary
#70FEB2 #F970FE #FE7075
monochromatic
#02F271 #33FE91 #70FEB2 #ADFED3 #E1FFEF

Accessibility & contrast

On white

1.27
#70FEB2 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

16.51
#70FEB2 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #70FEB2
16.51:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##70FEB2#FFFFFF#000000##000000
##70FEB21.001.2716.5116.51
#FFFFFF1.271.0021.0021.00
#00000016.5121.001.001.00
##00000016.5121.001.001.00

Color blindness preview

Protanopia (red-blind)
#FCECAD
Deuteranopia (green-blind)
#E9DEB7
Tritanopia (blue-blind)
#3EFCEA
Achromatopsia (no color)
#E4E4E4

Design tokens & code

CSS
--color: #70feb2;
/* rgb */ color: rgb(112, 254, 178);
/* oklch */ color: oklch(89.9% 0.164 157.2);
Tailwind
colors: {
  custom: {
    50: '#a3ffc9',
    500: '#70feb2',
    950: '#000000',
  },
}
SCSS
$custom: #70feb2;
$custom-light: #a3ffc9;
$custom-dark: #000000;
JSON
{
  "hex": "#70feb2",
  "rgb": {
    "r": 112,
    "g": 254,
    "b": 178
  },
  "hsl": {
    "h": 147.887,
    "s": 98.611,
    "l": 71.765
  },
  "oklch": {
    "l": 0.89941,
    "c": 0.16368,
    "h": 157.2
  },
  "luminance": 0.77543
}

Semantic roles & 50–950 ramp

primary
#70FEB2
secondary
#DA388F
accent
#007BE6
background
#FDFFFD
surface
#F7FFF9
border
#D0D7D2
text
#101813
muted
#818682

Preview Lab

Preview with #70FEB2

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

Preview Lab → · Contrast checker → · Palette generator →

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