#48A721#48A721

#48A721 is a light, vivid green. Relative luminance 0.291; OKLCH L 64.6% C 0.187 H 138.7°. Best body text is #000000 at 6.82:1 contrast (WCAG AA passes).

Color values

HEX#48A721
RGBrgb(72, 167, 33)
HSLhsl(103, 67%, 39%)
HSVhsv(103, 80%, 65%)
CMYKcmyk(56.9%, 0%, 80.2%, 34.5%)
CIE-LABlab(60.89, -51.02, 55.72)
CIE-LCHlch(60.89, 75.55, 132.47°)
OKLaboklab(64.6% -0.1408 0.1237)
OKLCHoklch(64.6% 0.187 138.7)
XYZxyz(16.7651, 29.1235, 6.1765)
Luminance0.2913 (WCAG relative)
Temperaturewarm
Familygreen

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#48A721 #8021A7
analogous
#8BA721 #48A721 #21A73D
triadic
#48A721 #2148A7 #A72148
tetradic
#48A721 #218BA7 #8021A7 #A73D21
square
#48A721 #218BA7 #8021A7 #A73D21
split-complementary
#48A721 #3D21A7 #A7218B
monochromatic
#1C410D #327417 #48A721 #60D62F #87E062

Accessibility & contrast

On white

3.08
#48A721 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

6.82
#48A721 on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #48A721
6.82:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##48A721#FFFFFF#000000##000000
##48A7211.003.086.826.82
#FFFFFF3.081.0021.0021.00
#0000006.8221.001.001.00
##0000006.8221.001.001.00

Color blindness preview

Protanopia (red-blind)
#AC9800
Deuteranopia (green-blind)
#A09031
Tritanopia (blue-blind)
#3FA18E
Achromatopsia (no color)
#939393

Design tokens & code

CSS
--color: #48a721;
/* rgb */ color: rgb(72, 167, 33);
/* oklch */ color: oklch(64.6% 0.187 138.7);
Tailwind
colors: {
  custom: {
    50: '#86c268',
    500: '#48a721',
    950: '#000000',
  },
}
SCSS
$custom: #48a721;
$custom-light: #86c268;
$custom-dark: #000000;
JSON
{
  "hex": "#48a721",
  "rgb": {
    "r": 72,
    "g": 167,
    "b": 33
  },
  "hsl": {
    "h": 102.537,
    "s": 67,
    "l": 39.216
  },
  "oklch": {
    "l": 0.646,
    "c": 0.18741,
    "h": 138.7
  },
  "luminance": 0.29125
}

Semantic roles & 50–950 ramp

primary
#48A721
secondary
#A75FC5
accent
#3EEAB8
background
#F8FCF6
surface
#F0F8EB
border
#CBD1C6
text
#0C1207
muted
#7D817A

Preview Lab

Preview with #48A721

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

Preview Lab → · Contrast checker → · Palette generator →

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