#359821#359821

#359821 is a mid, vivid green. Relative luminance 0.233; OKLCH L 59.9% C 0.178 H 140.8°. Best body text is #000000 at 5.66:1 contrast (WCAG AA passes).

Color values

HEX#359821
RGBrgb(53, 152, 33)
HSLhsl(110, 64%, 36%)
HSVhsv(110, 78%, 60%)
CMYKcmyk(65.1%, 0%, 78.3%, 40.4%)
CIE-LABlab(55.40, -50.35, 50.28)
CIE-LCHlch(55.40, 71.16, 135.04°)
OKLaboklab(59.9% -0.1378 0.1125)
OKLCHoklch(59.9% 0.178 140.8)
XYZxyz(12.9703, 23.3219, 5.2566)
Luminance0.2332 (WCAG relative)
Temperatureneutral
Familygreen

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#359821 #842198
analogous
#719821 #359821 #219849
triadic
#359821 #213598 #982135
tetradic
#359821 #217198 #842198 #984921
square
#359821 #217198 #842198 #984921
split-complementary
#359821 #492198 #982171
monochromatic
#12330B #236616 #359821 #47CA2C #6EDB59

Accessibility & contrast

On white

3.71
#359821 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

5.66
#359821 on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #359821
5.66:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##359821#FFFFFF#000000##000000
##3598211.003.715.665.66
#FFFFFF3.711.0021.0021.00
#0000005.6621.001.001.00
##0000005.6621.001.001.00

Color blindness preview

Protanopia (red-blind)
#9C8A02
Deuteranopia (green-blind)
#90822E
Tritanopia (blue-blind)
#249382
Achromatopsia (no color)
#858585

Design tokens & code

CSS
--color: #359821;
/* rgb */ color: rgb(53, 152, 33);
/* oklch */ color: oklch(59.9% 0.178 140.8);
Tailwind
colors: {
  custom: {
    50: '#7ab766',
    500: '#359821',
    950: '#000000',
  },
}
SCSS
$custom: #359821;
$custom-light: #7ab766;
$custom-dark: #000000;
JSON
{
  "hex": "#359821",
  "rgb": {
    "r": 53,
    "g": 152,
    "b": 33
  },
  "hsl": {
    "h": 109.916,
    "s": 64.324,
    "l": 36.275
  },
  "oklch": {
    "l": 0.59897,
    "c": 0.17791,
    "h": 140.8
  },
  "luminance": 0.23323
}

Semantic roles & 50–950 ramp

primary
#359821
secondary
#AD56BF
accent
#40E7CB
background
#F7FBF6
surface
#EEF6EB
border
#C9D0C6
text
#0A1106
muted
#7C807A

Preview Lab

Preview with #359821

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

Preview Lab → · Contrast checker → · Palette generator →

#359821 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva