#54BB27#54BB27

#54BB27 is a light, highly saturated green. Relative luminance 0.376; OKLCH L 70.3% C 0.202 H 138.4°. Best body text is #000000 at 8.51:1 contrast (WCAG AA passes).

Color values

HEX#54BB27
RGBrgb(84, 187, 39)
HSLhsl(102, 65%, 44%)
HSVhsv(102, 79%, 73%)
CMYKcmyk(55.1%, 0%, 79.1%, 26.7%)
CIE-LABlab(67.70, -54.76, 60.47)
CIE-LCHlch(67.70, 81.58, 132.17°)
OKLaboklab(70.35% -0.1513 0.1343)
OKLCHoklch(70.35% 0.202 138.4)
XYZxyz(21.7919, 37.5702, 8.0225)
Luminance0.3757 (WCAG relative)
Temperaturewarm
Familygreen

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#54BB27 #8E27BB
analogous
#9EBB27 #54BB27 #27BB44
triadic
#54BB27 #2754BB #BB2754
tetradic
#54BB27 #279EBB #8E27BB #BB4427
square
#54BB27 #279EBB #8E27BB #BB4427
split-complementary
#54BB27 #4427BB #BB279E
monochromatic
#275612 #3D881C #54BB27 #73D947 #99E379

Accessibility & contrast

On white

2.47
#54BB27 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

8.51
#54BB27 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #54BB27
8.51:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##54BB27#FFFFFF#000000##000000
##54BB271.002.478.518.51
#FFFFFF2.471.0021.0021.00
#0000008.5121.001.001.00
##0000008.5121.001.001.00

Color blindness preview

Protanopia (red-blind)
#C1AA00
Deuteranopia (green-blind)
#B4A238
Tritanopia (blue-blind)
#4BB4A0
Achromatopsia (no color)
#A5A5A5

Design tokens & code

CSS
--color: #54bb27;
/* rgb */ color: rgb(84, 187, 39);
/* oklch */ color: oklch(70.3% 0.202 138.4);
Tailwind
colors: {
  custom: {
    50: '#8fd06e',
    500: '#54bb27',
    950: '#000000',
  },
}
SCSS
$custom: #54bb27;
$custom-light: #8fd06e;
$custom-dark: #000000;
JSON
{
  "hex": "#54bb27",
  "rgb": {
    "r": 84,
    "g": 187,
    "b": 39
  },
  "hsl": {
    "h": 101.757,
    "s": 65.487,
    "l": 44.314
  },
  "oklch": {
    "l": 0.70347,
    "c": 0.20233,
    "h": 138.4
  },
  "luminance": 0.37572
}

Semantic roles & 50–950 ramp

primary
#54BB27
secondary
#B073CB
accent
#3FE8B5
background
#F9FCF7
surface
#F2F9ED
border
#CCD2C8
text
#0E1408
muted
#7E827B

Preview Lab

Preview with #54BB27

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

Preview Lab → · Contrast checker → · Palette generator →

#54BB27 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva