#48F04F#48F04F

#48F04F is a very light, highly saturated green. Relative luminance 0.643; OKLCH L 83.9% C 0.243 H 143.5°. Best body text is #000000 at 13.85:1 contrast (WCAG AA passes).

Color values

HEX#48F04F
RGBrgb(72, 240, 79)
HSLhsl(123, 85%, 61%)
HSVhsv(123, 70%, 94%)
CMYKcmyk(70%, 0%, 67.1%, 5.9%)
CIE-LABlab(84.10, -72.26, 62.94)
CIE-LCHlch(84.10, 95.83, 138.94°)
OKLaboklab(83.91% -0.1959 0.1447)
OKLCHoklch(83.91% 0.244 143.5)
XYZxyz(35.2417, 64.2585, 17.9415)
Luminance0.6426 (WCAG relative)
Temperatureneutral
Familygreen

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#48F04F #F048E9
analogous
#95F048 #48F04F #48F0A3
triadic
#48F04F #4F48F0 #F04F48
tetradic
#48F04F #4895F0 #F048E9 #F0A348
square
#48F04F #4895F0 #F048E9 #F0A348
split-complementary
#48F04F #A348F0 #F04895
monochromatic
#0EAF15 #13E81C #48F04F #81F585 #B9F9BC

Accessibility & contrast

On white

1.52
#48F04F on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

13.85
#48F04F on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #48F04F
13.85:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##48F04F#FFFFFF#000000##000000
##48F04F1.001.5213.8513.85
#FFFFFF1.521.0021.0021.00
#00000013.8521.001.001.00
##00000013.8521.001.001.00

Color blindness preview

Protanopia (red-blind)
#F5DA38
Deuteranopia (green-blind)
#E1CD5E
Tritanopia (blue-blind)
#02E9CF
Achromatopsia (no color)
#D2D2D2

Design tokens & code

CSS
--color: #48f04f;
/* rgb */ color: rgb(72, 240, 79);
/* oklch */ color: oklch(83.9% 0.243 143.5);
Tailwind
colors: {
  custom: {
    50: '#91f688',
    500: '#48f04f',
    950: '#000000',
  },
}
SCSS
$custom: #48f04f;
$custom-light: #91f688;
$custom-dark: #000000;
JSON
{
  "hex": "#48f04f",
  "rgb": {
    "r": 72,
    "g": 240,
    "b": 79
  },
  "hsl": {
    "h": 122.5,
    "s": 84.848,
    "l": 61.176
  },
  "oklch": {
    "l": 0.83909,
    "c": 0.2435,
    "h": 143.5
  },
  "luminance": 0.64262
}

Semantic roles & 50–950 ramp

primary
#48F04F
secondary
#AF2DAA
accent
#04D8E1
background
#FCFFFC
surface
#F5FFF4
border
#CFD7CE
text
#0F170C
muted
#80857F

Preview Lab

Preview with #48F04F

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

Preview Lab → · Contrast checker → · Palette generator →

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