#288A35#288A35

#288A35 is a mid, vivid green. Relative luminance 0.189; OKLCH L 55.8% C 0.152 H 145.2°. Best body text is #000000 at 4.78:1 contrast (WCAG AA passes).

Color values

HEX#288A35
RGBrgb(40, 138, 53)
HSLhsl(128, 55%, 35%)
HSVhsv(128, 71%, 54%)
CMYKcmyk(71%, 0%, 61.6%, 45.9%)
CIE-LABlab(50.55, -46.15, 36.76)
CIE-LCHlch(50.55, 59.00, 141.46°)
OKLaboklab(55.84% -0.1247 0.0866)
OKLCHoklch(55.84% 0.152 145.2)
XYZxyz(10.6054, 18.8840, 6.4535)
Luminance0.1888 (WCAG relative)
Temperatureneutral
Familygreen

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#288A35 #8A287D
analogous
#4C8A28 #288A35 #288A66
triadic
#288A35 #35288A #8A3528
tetradic
#288A35 #284C8A #8A287D #8A6628
square
#288A35 #284C8A #8A287D #8A6628
split-complementary
#288A35 #66288A #8A284C
monochromatic
#0C2B11 #1A5B23 #288A35 #36B947 #5DD06C

Accessibility & contrast

On white

4.40
#288A35 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

4.78
#288A35 on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #288A35
4.78:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##288A35#FFFFFF#000000##000000
##288A351.004.404.784.78
#FFFFFF4.401.0021.0021.00
#0000004.7821.001.001.00
##0000004.7821.001.001.00

Color blindness preview

Protanopia (red-blind)
#8C7D2C
Deuteranopia (green-blind)
#81753C
Tritanopia (blue-blind)
#038678
Achromatopsia (no color)
#787878

Design tokens & code

CSS
--color: #288a35;
/* rgb */ color: rgb(40, 138, 53);
/* oklch */ color: oklch(55.8% 0.152 145.2);
Tailwind
colors: {
  custom: {
    50: '#70ad6f',
    500: '#288a35',
    950: '#000000',
  },
}
SCSS
$custom: #288a35;
$custom-light: #70ad6f;
$custom-dark: #000000;
JSON
{
  "hex": "#288a35",
  "rgb": {
    "r": 40,
    "g": 138,
    "b": 53
  },
  "hsl": {
    "h": 127.959,
    "s": 55.056,
    "l": 34.902
  },
  "oklch": {
    "l": 0.55837,
    "c": 0.15178,
    "h": 145.2
  },
  "luminance": 0.18885
}

Semantic roles & 50–950 ramp

primary
#288A35
secondary
#B559A9
accent
#49CBDE
background
#F7FAF6
surface
#EDF4EC
border
#C8CEC7
text
#091007
muted
#7B7F7A

Preview Lab

Preview with #288A35

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

Preview Lab → · Contrast checker → · Palette generator →

#288A35 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva