#62BC2A#62BC2A

#62BC2A is a light, vivid yellow-green. Relative luminance 0.387; OKLCH L 71.2% C 0.196 H 136.5°. Best body text is #000000 at 8.75:1 contrast (WCAG AA passes).

Color values

HEX#62BC2A
RGBrgb(98, 188, 42)
HSLhsl(97, 63%, 45%)
HSVhsv(97, 78%, 74%)
CMYKcmyk(47.9%, 0%, 77.7%, 26.3%)
CIE-LABlab(68.55, -50.92, 60.54)
CIE-LCHlch(68.55, 79.11, 130.07°)
OKLaboklab(71.2% -0.1417 0.1347)
OKLCHoklch(71.2% 0.196 136.5)
XYZxyz(23.4375, 38.7287, 8.4304)
Luminance0.3873 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#62BC2A #842ABC
analogous
#ABBC2A #62BC2A #2ABC3B
triadic
#62BC2A #2A62BC #BC2A62
tetradic
#62BC2A #2AABBC #842ABC #BC3B2A
square
#62BC2A #2AABBC #842ABC #BC3B2A
split-complementary
#62BC2A #3B2ABC #BC2AAB
monochromatic
#2E5814 #488A1F #62BC2A #81D74C #A5E27E

Accessibility & contrast

On white

2.40
#62BC2A on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

8.75
#62BC2A on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #62BC2A
8.75:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##62BC2A#FFFFFF#000000##000000
##62BC2A1.002.408.758.75
#FFFFFF2.401.0021.0021.00
#0000008.7521.001.001.00
##0000008.7521.001.001.00

Color blindness preview

Protanopia (red-blind)
#C3AC00
Deuteranopia (green-blind)
#B7A43A
Tritanopia (blue-blind)
#5DB5A1
Achromatopsia (no color)
#A7A7A7

Design tokens & code

CSS
--color: #62bc2a;
/* rgb */ color: rgb(98, 188, 42);
/* oklch */ color: oklch(71.2% 0.196 136.5);
Tailwind
colors: {
  custom: {
    50: '#97d16f',
    500: '#62bc2a',
    950: '#000000',
  },
}
SCSS
$custom: #62bc2a;
$custom-light: #97d16f;
$custom-dark: #000000;
JSON
{
  "hex": "#62bc2a",
  "rgb": {
    "r": 98,
    "g": 188,
    "b": 42
  },
  "hsl": {
    "h": 96.986,
    "s": 63.478,
    "l": 45.098
  },
  "oklch": {
    "l": 0.71199,
    "c": 0.19551,
    "h": 136.5
  },
  "luminance": 0.3873
}

Semantic roles & 50–950 ramp

primary
#62BC2A
secondary
#AB77CB
accent
#41E7A7
background
#F9FCF7
surface
#F2F9ED
border
#CCD2C8
text
#0E1408
muted
#7E827B

Preview Lab

Preview with #62BC2A

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

Preview Lab → · Contrast checker → · Palette generator →

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