#64F25B#64F25B

#64F25B is a very light, highly saturated green. Relative luminance 0.670; OKLCH L 85.3% C 0.228 H 142.3°. Best body text is #000000 at 14.39:1 contrast (WCAG AA passes).

Color values

HEX#64F25B
RGBrgb(100, 242, 91)
HSLhsl(116, 85%, 65%)
HSVhsv(116, 62%, 95%)
CMYKcmyk(58.7%, 0%, 62.4%, 5.1%)
CIE-LABlab(85.49, -66.23, 59.84)
CIE-LCHlch(85.49, 89.26, 137.90°)
OKLaboklab(85.28% -0.1804 0.1392)
OKLCHoklch(85.28% 0.228 142.3)
XYZxyz(38.8939, 66.9653, 20.7715)
Luminance0.6697 (WCAG relative)
Temperatureneutral
Familygreen

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#64F25B #E95BF2
analogous
#AFF25B #64F25B #5BF29E
triadic
#64F25B #5B64F2 #F25B64
tetradic
#64F25B #5BAFF2 #E95BF2 #F29E5B
square
#64F25B #5BAFF2 #E95BF2 #F29E5B
split-complementary
#64F25B #9E5BF2 #F25BAF
monochromatic
#1AC30F #2EEE22 #64F25B #9AF694 #CFFBCC

Accessibility & contrast

On white

1.46
#64F25B on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

14.39
#64F25B on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #64F25B
14.39:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##64F25B#FFFFFF#000000##000000
##64F25B1.001.4614.3914.39
#FFFFFF1.461.0021.0021.00
#00000014.3921.001.001.00
##00000014.3921.001.001.00

Color blindness preview

Protanopia (red-blind)
#F7DD49
Deuteranopia (green-blind)
#E5D168
Tritanopia (blue-blind)
#4CEBD2
Achromatopsia (no color)
#D6D6D6

Design tokens & code

CSS
--color: #64f25b;
/* rgb */ color: rgb(100, 242, 91);
/* oklch */ color: oklch(85.3% 0.228 142.3);
Tailwind
colors: {
  custom: {
    50: '#9ef78f',
    500: '#64f25b',
    950: '#000000',
  },
}
SCSS
$custom: #64f25b;
$custom-light: #9ef78f;
$custom-dark: #000000;
JSON
{
  "hex": "#64f25b",
  "rgb": {
    "r": 100,
    "g": 242,
    "b": 91
  },
  "hsl": {
    "h": 116.424,
    "s": 85.311,
    "l": 65.294
  },
  "oklch": {
    "l": 0.85281,
    "c": 0.22785,
    "h": 142.3
  },
  "luminance": 0.66969
}

Semantic roles & 50–950 ramp

primary
#64F25B
secondary
#B831C1
accent
#04E2D5
background
#FDFFFC
surface
#F7FFF4
border
#D0D7CE
text
#10170D
muted
#81857F

Preview Lab

Preview with #64F25B

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

Preview Lab → · Contrast checker → · Palette generator →

#64F25B Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva