#33BF78#33BF78

#33BF78 is a light, vivid green. Relative luminance 0.393; OKLCH L 71.4% C 0.157 H 156.0°. Best body text is #000000 at 8.86:1 contrast (WCAG AA passes).

Color values

HEX#33BF78
RGBrgb(51, 191, 120)
HSLhsl(150, 58%, 47%)
HSVhsv(150, 73%, 75%)
CMYKcmyk(73.3%, 0%, 37.2%, 25.1%)
CIE-LABlab(68.98, -53.00, 25.50)
CIE-LCHlch(68.98, 58.81, 154.30°)
OKLaboklab(71.44% -0.1432 0.0639)
OKLCHoklch(71.44% 0.157 156)
XYZxyz(23.3840, 39.3188, 24.1225)
Luminance0.3932 (WCAG relative)
Temperatureneutral
Familygreen

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#33BF78 #BF337A
analogous
#34BF33 #33BF78 #33BFBE
triadic
#33BF78 #7833BF #BF7833
tetradic
#33BF78 #3334BF #BF337A #BFBE33
square
#33BF78 #3334BF #BF337A #BFBE33
split-complementary
#33BF78 #BE33BF #BF3334
monochromatic
#195E3B #268F5A #33BF78 #5CD397 #8CE0B6

Accessibility & contrast

On white

2.37
#33BF78 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

8.86
#33BF78 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #33BF78
8.86:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##33BF78#FFFFFF#000000##000000
##33BF781.002.378.868.86
#FFFFFF2.371.0021.0021.00
#0000008.8621.001.001.00
##0000008.8621.001.001.00

Color blindness preview

Protanopia (red-blind)
#BEB073
Deuteranopia (green-blind)
#ADA37D
Tritanopia (blue-blind)
#00BDAD
Achromatopsia (no color)
#A8A8A8

Design tokens & code

CSS
--color: #33bf78;
/* rgb */ color: rgb(51, 191, 120);
/* oklch */ color: oklch(71.4% 0.157 156.0);
Tailwind
colors: {
  custom: {
    50: '#7ed39f',
    500: '#33bf78',
    950: '#000000',
  },
}
SCSS
$custom: #33bf78;
$custom-light: #7ed39f;
$custom-dark: #000000;
JSON
{
  "hex": "#33bf78",
  "rgb": {
    "r": 51,
    "g": 191,
    "b": 120
  },
  "hsl": {
    "h": 149.571,
    "s": 57.851,
    "l": 47.451
  },
  "oklch": {
    "l": 0.71444,
    "c": 0.15681,
    "h": 156
  },
  "luminance": 0.39321
}

Semantic roles & 50–950 ramp

primary
#33BF78
secondary
#CB83A7
accent
#4795E1
background
#F8FDF9
surface
#F0FAF2
border
#CBD3CC
text
#0B140E
muted
#7C837E

Preview Lab

Preview with #33BF78

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

Preview Lab → · Contrast checker → · Palette generator →

#33BF78 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva