#48EF96#48EF96

#48EF96 is a very light, vivid green. Relative luminance 0.653; OKLCH L 84.6% C 0.185 H 155.2°. Best body text is #000000 at 14.06:1 contrast (WCAG AA passes).

Color values

HEX#48EF96
RGBrgb(72, 239, 150)
HSLhsl(148, 84%, 61%)
HSVhsv(148, 70%, 94%)
CMYKcmyk(69.9%, 0%, 37.2%, 6.3%)
CIE-LABlab(84.64, -62.13, 31.01)
CIE-LCHlch(84.64, 69.44, 153.48°)
OKLaboklab(84.63% -0.1679 0.0776)
OKLCHoklch(84.63% 0.185 155.2)
XYZxyz(39.0404, 65.3083, 39.3965)
Luminance0.6531 (WCAG relative)
Temperatureneutral
Familygreen

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#48EF96 #EF48A1
analogous
#4DEF48 #48EF96 #48EFEA
triadic
#48EF96 #9648EF #EF9648
tetradic
#48EF96 #484DEF #EF48A1 #EFEA48
square
#48EF96 #484DEF #EF48A1 #EFEA48
split-complementary
#48EF96 #EA48EF #EF484D
monochromatic
#0FAD59 #14E676 #48EF96 #80F4B6 #B9F9D7

Accessibility & contrast

On white

1.49
#48EF96 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

14.06
#48EF96 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #48EF96
14.06:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##48EF96#FFFFFF#000000##000000
##48EF961.001.4914.0614.06
#FFFFFF1.491.0021.0021.00
#00000014.0621.001.001.00
##00000014.0621.001.001.00

Color blindness preview

Protanopia (red-blind)
#EEDC90
Deuteranopia (green-blind)
#D9CD9C
Tritanopia (blue-blind)
#00EDD8
Achromatopsia (no color)
#D3D3D3

Design tokens & code

CSS
--color: #48ef96;
/* rgb */ color: rgb(72, 239, 150);
/* oklch */ color: oklch(84.6% 0.185 155.2);
Tailwind
colors: {
  custom: {
    50: '#8ff5b5',
    500: '#48ef96',
    950: '#000000',
  },
}
SCSS
$custom: #48ef96;
$custom-light: #8ff5b5;
$custom-dark: #000000;
JSON
{
  "hex": "#48ef96",
  "rgb": {
    "r": 72,
    "g": 239,
    "b": 150
  },
  "hsl": {
    "h": 148.024,
    "s": 83.92,
    "l": 60.98
  },
  "oklch": {
    "l": 0.84632,
    "c": 0.18493,
    "h": 155.2
  },
  "luminance": 0.65313
}

Semantic roles & 50–950 ramp

primary
#48EF96
secondary
#AE2D72
accent
#057AE0
background
#FCFFFD
surface
#F5FFF8
border
#CFD7D1
text
#0E1711
muted
#7F8581

Preview Lab

Preview with #48EF96

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

Preview Lab → · Contrast checker → · Palette generator →

#48EF96 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva