#34CC5C#34CC5C

#34CC5C is a light, vivid green. Relative luminance 0.447; OKLCH L 74.4% C 0.198 H 147.6°. Best body text is #000000 at 9.94:1 contrast (WCAG AA passes).

Color values

HEX#34CC5C
RGBrgb(52, 204, 92)
HSLhsl(136, 60%, 50%)
HSVhsv(136, 75%, 80%)
CMYKcmyk(74.5%, 0%, 54.9%, 20%)
CIE-LABlab(72.68, -62.16, 44.30)
CIE-LCHlch(72.68, 76.33, 144.52°)
OKLaboklab(74.38% -0.1672 0.1059)
OKLCHoklch(74.38% 0.198 147.6)
XYZxyz(24.9389, 44.6856, 17.4340)
Luminance0.4469 (WCAG relative)
Temperatureneutral
Familygreen

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#34CC5C #CC34A4
analogous
#58CC34 #34CC5C #34CCA8
triadic
#34CC5C #5C34CC #CC5C34
tetradic
#34CC5C #3458CC #CC34A4 #CCA834
square
#34CC5C #3458CC #CC34A4 #CCA834
split-complementary
#34CC5C #A834CC #CC3458
monochromatic
#1B6B30 #279C46 #34CC5C #65D883 #96E5AB

Accessibility & contrast

On white

2.11
#34CC5C on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

9.94
#34CC5C on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #34CC5C
9.94:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##34CC5C#FFFFFF#000000##000000
##34CC5C1.002.119.949.94
#FFFFFF2.111.0021.0021.00
#0000009.9421.001.001.00
##0000009.9421.001.001.00

Color blindness preview

Protanopia (red-blind)
#CEBA52
Deuteranopia (green-blind)
#BDAE65
Tritanopia (blue-blind)
#00C8B3
Achromatopsia (no color)
#B2B2B2

Design tokens & code

CSS
--color: #34cc5c;
/* rgb */ color: rgb(52, 204, 92);
/* oklch */ color: oklch(74.4% 0.198 147.6);
Tailwind
colors: {
  custom: {
    50: '#82dd8d',
    500: '#34cc5c',
    950: '#000000',
  },
}
SCSS
$custom: #34cc5c;
$custom-light: #82dd8d;
$custom-dark: #000000;
JSON
{
  "hex": "#34cc5c",
  "rgb": {
    "r": 52,
    "g": 204,
    "b": 92
  },
  "hsl": {
    "h": 135.789,
    "s": 59.843,
    "l": 50.196
  },
  "oklch": {
    "l": 0.74377,
    "c": 0.19797,
    "h": 147.6
  },
  "luminance": 0.44689
}

Semantic roles & 50–950 ramp

primary
#34CC5C
secondary
#D08CBE
accent
#45B9E3
background
#F8FDF8
surface
#F0FBF0
border
#CBD4CB
text
#0C150C
muted
#7D837D

Preview Lab

Preview with #34CC5C

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

Preview Lab → · Contrast checker → · Palette generator →

#34CC5C Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva