#328028#328028

#328028 is a mid, vivid green. Relative luminance 0.163; OKLCH L 53.2% C 0.145 H 141.5°. Best body text is #FFFFFF at 4.94:1 contrast (WCAG AA passes).

Color values

HEX#328028
RGBrgb(50, 128, 40)
HSLhsl(113, 52%, 33%)
HSVhsv(113, 69%, 50%)
CMYKcmyk(60.9%, 0%, 68.8%, 49.8%)
CIE-LABlab(47.33, -41.59, 39.27)
CIE-LCHlch(47.33, 57.20, 136.64°)
OKLaboklab(53.21% -0.1135 0.0905)
OKLCHoklch(53.21% 0.145 141.5)
XYZxyz(9.4171, 16.2688, 4.6510)
Luminance0.1627 (WCAG relative)
Temperatureneutral
Familygreen

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#328028 #762880
analogous
#5E8028 #328028 #28804A
triadic
#328028 #283280 #802832
tetradic
#328028 #285E80 #762880 #804A28
square
#328028 #285E80 #762880 #804A28
split-complementary
#328028 #4A2880 #80285E
monochromatic
#0E230B #205119 #328028 #44AF37 #65CB58

Accessibility & contrast

On white

4.94
#328028 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

4.25
#328028 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #328028
4.94:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##328028#FFFFFF#000000##FFFFFF
##3280281.004.944.254.94
#FFFFFF4.941.0021.001.00
#0000004.2521.001.0021.00
##FFFFFF4.941.0021.001.00

Color blindness preview

Protanopia (red-blind)
#83741C
Deuteranopia (green-blind)
#796E30
Tritanopia (blue-blind)
#267C6E
Achromatopsia (no color)
#707070

Design tokens & code

CSS
--color: #328028;
/* rgb */ color: rgb(50, 128, 40);
/* oklch */ color: oklch(53.2% 0.145 141.5);
Tailwind
colors: {
  custom: {
    50: '#73a666',
    500: '#328028',
    950: '#000000',
  },
}
SCSS
$custom: #328028;
$custom-light: #73a666;
$custom-dark: #000000;
JSON
{
  "hex": "#328028",
  "rgb": {
    "r": 50,
    "g": 128,
    "b": 40
  },
  "hsl": {
    "h": 113.182,
    "s": 52.381,
    "l": 32.941
  },
  "oklch": {
    "l": 0.53208,
    "c": 0.14517,
    "h": 141.5
  },
  "luminance": 0.1627
}

Semantic roles & 50–950 ramp

primary
#328028
secondary
#A554B0
accent
#4CDCCB
background
#F7FAF6
surface
#EDF4EB
border
#C8CEC6
text
#090F06
muted
#7B7F7A

Preview Lab

Preview with #328028

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

Preview Lab → · Contrast checker → · Palette generator →

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