#48CE60#48CE60

#48CE60 is a light, vivid green. Relative luminance 0.464; OKLCH L 75.4% C 0.191 H 146.5°. Best body text is #000000 at 10.27:1 contrast (WCAG AA passes).

Color values

HEX#48CE60
RGBrgb(72, 206, 96)
HSLhsl(131, 58%, 55%)
HSVhsv(131, 65%, 81%)
CMYKcmyk(65%, 0%, 53.4%, 19.2%)
CIE-LABlab(73.78, -58.89, 43.83)
CIE-LCHlch(73.78, 73.41, 143.35°)
OKLaboklab(75.42% -0.159 0.1051)
OKLCHoklch(75.42% 0.191 146.5)
XYZxyz(26.8533, 46.3621, 18.5977)
Luminance0.4637 (WCAG relative)
Temperatureneutral
Familygreen

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#48CE60 #CE48B6
analogous
#73CE48 #48CE60 #48CEA3
triadic
#48CE60 #6048CE #CE6048
tetradic
#48CE60 #4873CE #CE48B6 #CEA348
square
#48CE60 #4873CE #CE48B6 #CEA348
split-complementary
#48CE60 #A348CE #CE4873
monochromatic
#217B31 #2EAB44 #48CE60 #78DB8A #A9E8B4

Accessibility & contrast

On white

2.04
#48CE60 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

10.27
#48CE60 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #48CE60
10.27:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##48CE60#FFFFFF#000000##000000
##48CE601.002.0410.2710.27
#FFFFFF2.041.0021.0021.00
#00000010.2721.001.001.00
##00000010.2721.001.001.00

Color blindness preview

Protanopia (red-blind)
#D1BC56
Deuteranopia (green-blind)
#C0B168
Tritanopia (blue-blind)
#1EC9B5
Achromatopsia (no color)
#B5B5B5

Design tokens & code

CSS
--color: #48ce60;
/* rgb */ color: rgb(72, 206, 96);
/* oklch */ color: oklch(75.4% 0.191 146.5);
Tailwind
colors: {
  custom: {
    50: '#8ade90',
    500: '#48ce60',
    950: '#000000',
  },
}
SCSS
$custom: #48ce60;
$custom-light: #8ade90;
$custom-dark: #000000;
JSON
{
  "hex": "#48ce60",
  "rgb": {
    "r": 72,
    "g": 206,
    "b": 96
  },
  "hsl": {
    "h": 130.746,
    "s": 57.759,
    "l": 54.51
  },
  "oklch": {
    "l": 0.7542,
    "c": 0.19062,
    "h": 146.5
  },
  "luminance": 0.46365
}

Semantic roles & 50–950 ramp

primary
#48CE60
secondary
#D59DCB
accent
#47C5E1
background
#F9FDF8
surface
#F1FBF0
border
#CBD4CB
text
#0D150D
muted
#7E837D

Preview Lab

Preview with #48CE60

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

Preview Lab → · Contrast checker → · Palette generator →

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