#33953D#33953D

#33953D is a mid, vivid green. Relative luminance 0.225; OKLCH L 59.3% C 0.155 H 144.9°. Best body text is #000000 at 5.51:1 contrast (WCAG AA passes).

Color values

HEX#33953D
RGBrgb(51, 149, 61)
HSLhsl(126, 49%, 39%)
HSVhsv(126, 66%, 58%)
CMYKcmyk(65.8%, 0%, 59.1%, 41.6%)
CIE-LABlab(54.59, -46.95, 37.66)
CIE-LCHlch(54.59, 60.19, 141.27°)
OKLaboklab(59.28% -0.1271 0.0891)
OKLCHoklch(59.28% 0.155 144.9)
XYZxyz(12.9542, 22.5343, 8.0808)
Luminance0.2254 (WCAG relative)
Temperatureneutral
Familygreen

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#33953D #95338B
analogous
#5A9533 #33953D #33956E
triadic
#33953D #3D3395 #953D33
tetradic
#33953D #335A95 #95338B #956E33
square
#33953D #335A95 #95338B #956E33
split-complementary
#33953D #6E3395 #95335A
monochromatic
#143A18 #23672A #33953D #46C052 #73CF7D

Accessibility & contrast

On white

3.81
#33953D on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

5.51
#33953D on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #33953D
5.51:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##33953D#FFFFFF#000000##000000
##33953D1.003.815.515.51
#FFFFFF3.811.0021.0021.00
#0000005.5121.001.001.00
##0000005.5121.001.001.00

Color blindness preview

Protanopia (red-blind)
#988834
Deuteranopia (green-blind)
#8B7F44
Tritanopia (blue-blind)
#1A9182
Achromatopsia (no color)
#838383

Design tokens & code

CSS
--color: #33953d;
/* rgb */ color: rgb(51, 149, 61);
/* oklch */ color: oklch(59.3% 0.155 144.9);
Tailwind
colors: {
  custom: {
    50: '#77b575',
    500: '#33953d',
    950: '#000000',
  },
}
SCSS
$custom: #33953d;
$custom-light: #77b575;
$custom-dark: #000000;
JSON
{
  "hex": "#33953d",
  "rgb": {
    "r": 51,
    "g": 149,
    "b": 61
  },
  "hsl": {
    "h": 126.122,
    "s": 49,
    "l": 39.216
  },
  "oklch": {
    "l": 0.59284,
    "c": 0.15521,
    "h": 144.9
  },
  "luminance": 0.22536
}

Semantic roles & 50–950 ramp

primary
#33953D
secondary
#B76CB0
accent
#4FCBD9
background
#F7FBF7
surface
#EEF6ED
border
#C9D0C8
text
#0A1108
muted
#7C807B

Preview Lab

Preview with #33953D

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

Preview Lab → · Contrast checker → · Palette generator →

#33953D Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva