#62C960#62C960

#62C960 is a light, vivid green. Relative luminance 0.452; OKLCH L 75.0% C 0.173 H 143.3°. Best body text is #000000 at 10.04:1 contrast (WCAG AA passes).

Color values

HEX#62C960
RGBrgb(98, 201, 96)
HSLhsl(119, 49%, 58%)
HSVhsv(119, 52%, 79%)
CMYKcmyk(51.2%, 0%, 52.2%, 21.2%)
CIE-LABlab(73.03, -50.93, 43.10)
CIE-LCHlch(73.03, 66.72, 139.76°)
OKLaboklab(75.03% -0.1386 0.1034)
OKLCHoklch(75.03% 0.173 143.3)
XYZxyz(28.0335, 45.2123, 18.3137)
Luminance0.4521 (WCAG relative)
Temperatureneutral
Familygreen

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#62C960 #C760C9
analogous
#96C960 #62C960 #60C992
triadic
#62C960 #6062C9 #C96062
tetradic
#62C960 #6096C9 #C760C9 #C99260
square
#62C960 #6096C9 #C760C9 #C99260
split-complementary
#62C960 #9260C9 #C96096
monochromatic
#2E822C #3EB03C #62C960 #8FD98E #BCE8BB

Accessibility & contrast

On white

2.09
#62C960 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

10.04
#62C960 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #62C960
10.04:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##62C960#FFFFFF#000000##000000
##62C9601.002.0910.0410.04
#FFFFFF2.091.0021.0021.00
#00000010.0421.001.001.00
##00000010.0421.001.001.00

Color blindness preview

Protanopia (red-blind)
#CDB957
Deuteranopia (green-blind)
#BFB067
Tritanopia (blue-blind)
#54C4B1
Achromatopsia (no color)
#B3B3B3

Design tokens & code

CSS
--color: #62c960;
/* rgb */ color: rgb(98, 201, 96);
/* oklch */ color: oklch(75.0% 0.173 143.3);
Tailwind
colors: {
  custom: {
    50: '#96da8f',
    500: '#62c960',
    950: '#000000',
  },
}
SCSS
$custom: #62c960;
$custom-light: #96da8f;
$custom-dark: #000000;
JSON
{
  "hex": "#62c960",
  "rgb": {
    "r": 98,
    "g": 201,
    "b": 96
  },
  "hsl": {
    "h": 118.857,
    "s": 49.296,
    "l": 58.235
  },
  "oklch": {
    "l": 0.75027,
    "c": 0.17288,
    "h": 143.3
  },
  "luminance": 0.45214
}

Semantic roles & 50–950 ramp

primary
#62C960
secondary
#D7ADD7
accent
#4FD9D6
background
#F9FDF8
surface
#F2FBF0
border
#CCD4CB
text
#0E150D
muted
#7E837D

Preview Lab

Preview with #62C960

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

Preview Lab → · Contrast checker → · Palette generator →

#62C960 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva