#7BF55A#7BF55A

#7BF55A is a very light, highly saturated green. Relative luminance 0.703; OKLCH L 86.8% C 0.222 H 139.6°. Best body text is #000000 at 15.05:1 contrast (WCAG AA passes).

Color values

HEX#7BF55A
RGBrgb(123, 245, 90)
HSLhsl(107, 89%, 66%)
HSVhsv(107, 63%, 96%)
CMYKcmyk(49.8%, 0%, 63.3%, 3.9%)
CIE-LABlab(87.12, -61.65, 62.27)
CIE-LCHlch(87.12, 87.62, 134.71°)
OKLaboklab(86.83% -0.1693 0.1441)
OKLCHoklch(86.83% 0.222 139.6)
XYZxyz(42.6645, 70.2508, 20.9824)
Luminance0.7025 (WCAG relative)
Temperatureneutral
Familygreen

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#7BF55A #D45AF5
analogous
#C8F55A #7BF55A #5AF586
triadic
#7BF55A #5A7BF5 #F55A7B
tetradic
#7BF55A #5AC8F5 #D45AF5 #F5865A
square
#7BF55A #5AC8F5 #D45AF5 #F5865A
split-complementary
#7BF55A #865AF5 #F55AC8
monochromatic
#34C80C #4DF220 #7BF55A #A9F894 #D7FCCD

Accessibility & contrast

On white

1.40
#7BF55A on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

15.05
#7BF55A on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #7BF55A
15.05:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##7BF55A#FFFFFF#000000##000000
##7BF55A1.001.4015.0515.05
#FFFFFF1.401.0021.0021.00
#00000015.0521.001.001.00
##00000015.0521.001.001.00

Color blindness preview

Protanopia (red-blind)
#FCE147
Deuteranopia (green-blind)
#ECD667
Tritanopia (blue-blind)
#6FEDD5
Achromatopsia (no color)
#DADADA

Design tokens & code

CSS
--color: #7bf55a;
/* rgb */ color: rgb(123, 245, 90);
/* oklch */ color: oklch(86.8% 0.222 139.6);
Tailwind
colors: {
  custom: {
    50: '#aaf98f',
    500: '#7bf55a',
    950: '#000000',
  },
}
SCSS
$custom: #7bf55a;
$custom-light: #aaf98f;
$custom-dark: #000000;
JSON
{
  "hex": "#7bf55a",
  "rgb": {
    "r": 123,
    "g": 245,
    "b": 90
  },
  "hsl": {
    "h": 107.226,
    "s": 88.571,
    "l": 65.686
  },
  "oklch": {
    "l": 0.86832,
    "c": 0.22228,
    "h": 139.6
  },
  "luminance": 0.70254
}

Semantic roles & 50–950 ramp

primary
#7BF55A
secondary
#A52EC5
accent
#00E5B4
background
#FDFFFC
surface
#F8FFF4
border
#D1D7CE
text
#11170D
muted
#81857F

Preview Lab

Preview with #7BF55A

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

Preview Lab → · Contrast checker → · Palette generator →

#7BF55A Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva