#60FB69#60FB69

#60FB69 is a very light, highly saturated green. Relative luminance 0.725; OKLCH L 87.5% C 0.230 H 144.2°. Best body text is #000000 at 15.50:1 contrast (WCAG AA passes).

Color values

HEX#60FB69
RGBrgb(96, 251, 105)
HSLhsl(123, 95%, 68%)
HSVhsv(123, 62%, 98%)
CMYKcmyk(61.8%, 0%, 58.2%, 1.6%)
CIE-LABlab(88.21, -68.73, 56.96)
CIE-LCHlch(88.21, 89.26, 140.35°)
OKLaboklab(87.54% -0.1863 0.1343)
OKLCHoklch(87.54% 0.23 144.2)
XYZxyz(41.8683, 72.4970, 25.1487)
Luminance0.7250 (WCAG relative)
Temperatureneutral
Familygreen

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#60FB69 #FB60F2
analogous
#A4FB60 #60FB69 #60FBB6
triadic
#60FB69 #6960FB #FB6960
tetradic
#60FB69 #60A4FB #FB60F2 #FBB660
square
#60FB69 #60A4FB #FB60F2 #FBB660
split-complementary
#60FB69 #B660FB #FB60A4
monochromatic
#06DB12 #24F931 #60FB69 #9CFDA1 #D7FEDA

Accessibility & contrast

On white

1.35
#60FB69 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

15.50
#60FB69 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #60FB69
15.50:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##60FB69#FFFFFF#000000##000000
##60FB691.001.3515.5015.50
#FFFFFF1.351.0021.0021.00
#00000015.5021.001.001.00
##00000015.5021.001.001.00

Color blindness preview

Protanopia (red-blind)
#FFE55A
Deuteranopia (green-blind)
#ECD875
Tritanopia (blue-blind)
#3EF5DB
Achromatopsia (no color)
#DDDDDD

Design tokens & code

CSS
--color: #60fb69;
/* rgb */ color: rgb(96, 251, 105);
/* oklch */ color: oklch(87.5% 0.230 144.2);
Tailwind
colors: {
  custom: {
    50: '#9dfe98',
    500: '#60fb69',
    950: '#000000',
  },
}
SCSS
$custom: #60fb69;
$custom-light: #9dfe98;
$custom-dark: #000000;
JSON
{
  "hex": "#60fb69",
  "rgb": {
    "r": 96,
    "g": 251,
    "b": 105
  },
  "hsl": {
    "h": 123.484,
    "s": 95.092,
    "l": 68.039
  },
  "oklch": {
    "l": 0.87538,
    "c": 0.22966,
    "h": 144.2
  },
  "luminance": 0.72501
}

Semantic roles & 50–950 ramp

primary
#60FB69
secondary
#D42BCB
accent
#00D8E6
background
#FDFFFC
surface
#F7FFF5
border
#D0D7CF
text
#10180E
muted
#81867F

Preview Lab

Preview with #60FB69

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

Preview Lab → · Contrast checker → · Palette generator →

#60FB69 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva