#49BB4B#49BB4B

#49BB4B is a light, vivid green. Relative luminance 0.375; OKLCH L 70.3% C 0.184 H 143.6°. Best body text is #000000 at 8.49:1 contrast (WCAG AA passes).

Color values

HEX#49BB4B
RGBrgb(73, 187, 75)
HSLhsl(121, 46%, 51%)
HSVhsv(121, 61%, 73%)
CMYKcmyk(61%, 0%, 59.9%, 26.7%)
CIE-LABlab(67.62, -54.44, 46.36)
CIE-LCHlch(67.62, 71.51, 139.58°)
OKLaboklab(70.27% -0.1478 0.109)
OKLCHoklch(70.27% 0.184 143.6)
XYZxyz(21.7867, 37.4630, 12.7382)
Luminance0.3746 (WCAG relative)
Temperatureneutral
Familygreen

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#49BB4B #BB49B9
analogous
#80BB49 #49BB4B #49BB84
triadic
#49BB4B #4B49BB #BB4B49
tetradic
#49BB4B #4980BB #BB49B9 #BB8449
square
#49BB4B #4980BB #BB49B9 #BB8449
split-complementary
#49BB4B #8449BB #BB4980
monochromatic
#256427 #369138 #49BB4B #76CC77 #A2DCA3

Accessibility & contrast

On white

2.47
#49BB4B on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

8.49
#49BB4B on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #49BB4B
8.49:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##49BB4B#FFFFFF#000000##000000
##49BB4B1.002.478.498.49
#FFFFFF2.471.0021.0021.00
#0000008.4921.001.001.00
##0000008.4921.001.001.00

Color blindness preview

Protanopia (red-blind)
#BFAB3F
Deuteranopia (green-blind)
#B0A154
Tritanopia (blue-blind)
#33B6A3
Achromatopsia (no color)
#A5A5A5

Design tokens & code

CSS
--color: #49bb4b;
/* rgb */ color: rgb(73, 187, 75);
/* oklch */ color: oklch(70.3% 0.184 143.6);
Tailwind
colors: {
  custom: {
    50: '#88d081',
    500: '#49bb4b',
    950: '#000000',
  },
}
SCSS
$custom: #49bb4b;
$custom-light: #88d081;
$custom-dark: #000000;
JSON
{
  "hex": "#49bb4b",
  "rgb": {
    "r": 73,
    "g": 187,
    "b": 75
  },
  "hsl": {
    "h": 121.053,
    "s": 45.6,
    "l": 50.98
  },
  "oklch": {
    "l": 0.7027,
    "c": 0.18368,
    "h": 143.6
  },
  "luminance": 0.37465
}

Semantic roles & 50–950 ramp

primary
#49BB4B
secondary
#C997C8
accent
#53D3D5
background
#F8FCF8
surface
#F0F9EF
border
#CBD2CA
text
#0C140B
muted
#7D827C

Preview Lab

Preview with #49BB4B

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

Preview Lab → · Contrast checker → · Palette generator →

#49BB4B Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva