#59AE6C#59AE6C

#59AE6C is a light, vivid green. Relative luminance 0.335; OKLCH L 68.0% C 0.128 H 149.3°. Best body text is #000000 at 7.70:1 contrast (WCAG AA passes).

Color values

HEX#59AE6C
RGBrgb(89, 174, 108)
HSLhsl(133, 34%, 52%)
HSVhsv(133, 49%, 68%)
CMYKcmyk(48.9%, 0%, 37.9%, 31.8%)
CIE-LABlab(64.55, -40.36, 26.16)
CIE-LCHlch(64.55, 48.10, 147.05°)
OKLaboklab(68.04% -0.1097 0.0652)
OKLCHoklch(68.04% 0.128 149.3)
XYZxyz(21.9613, 33.4770, 19.4889)
Luminance0.3348 (WCAG relative)
Temperatureneutral
Familygreen

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#59AE6C #AE599B
analogous
#71AE59 #59AE6C #59AE97
triadic
#59AE6C #6C59AE #AE6C59
tetradic
#59AE6C #5971AE #AE599B #AE9759
square
#59AE6C #5971AE #AE599B #AE9759
split-complementary
#59AE6C #9759AE #AE5971
monochromatic
#2E5E39 #428852 #59AE6C #82C290 #ABD6B5

Accessibility & contrast

On white

2.73
#59AE6C on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

7.70
#59AE6C on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #59AE6C
7.70:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##59AE6C#FFFFFF#000000##000000
##59AE6C1.002.737.707.70
#FFFFFF2.731.0021.0021.00
#0000007.7021.001.001.00
##0000007.7021.001.001.00

Color blindness preview

Protanopia (red-blind)
#AFA267
Deuteranopia (green-blind)
#A39970
Tritanopia (blue-blind)
#49AB9D
Achromatopsia (no color)
#9C9C9C

Design tokens & code

CSS
--color: #59ae6c;
/* rgb */ color: rgb(89, 174, 108);
/* oklch */ color: oklch(68.0% 0.128 149.3);
Tailwind
colors: {
  custom: {
    50: '#8dc796',
    500: '#59ae6c',
    950: '#000000',
  },
}
SCSS
$custom: #59ae6c;
$custom-light: #8dc796;
$custom-dark: #000000;
JSON
{
  "hex": "#59ae6c",
  "rgb": {
    "r": 89,
    "g": 174,
    "b": 108
  },
  "hsl": {
    "h": 133.412,
    "s": 34.413,
    "l": 51.569
  },
  "oklch": {
    "l": 0.6804,
    "c": 0.12758,
    "h": 149.3
  },
  "luminance": 0.33479
}

Semantic roles & 50–950 ramp

primary
#59AE6C
secondary
#C49FBC
accent
#5DB2CA
background
#F9FCF9
surface
#F1F8F2
border
#CBD1CC
text
#0D130D
muted
#7E827E

Preview Lab

Preview with #59AE6C

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

Preview Lab → · Contrast checker → · Palette generator →

#59AE6C Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva