#93F461#93F461

#93F461 is a very light, highly saturated yellow-green. Relative luminance 0.718; OKLCH L 87.7% C 0.204 H 136.5°. Best body text is #000000 at 15.35:1 contrast (WCAG AA passes).

Color values

HEX	#93F461
RGB	rgb(147, 244, 97)
HSL	hsl(100, 87%, 67%)
HSV	hsv(100, 60%, 96%)
CMYK	cmyk(39.8%, 0%, 60.2%, 4.3%)
CIE-LAB	lab(87.86, -53.56, 60.46)
CIE-LCH	lch(87.86, 80.77, 131.54°)
OKLab	oklab(87.72% -0.1482 0.1407)
OKLCH	oklch(87.72% 0.204 136.5)
XYZ	xyz(46.5397, 71.7650, 22.7067)
Luminance	0.7177 (WCAG relative)
Temperature	warm
Family	yellow-green

Closest named colors

Light Grass Green

#9AF764

ΔE00 0.89

Spring Green (survey)

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#93F461 #C261F4

analogous

#DCF461 #93F461 #61F479

triadic

#93F461 #6193F4 #F46193

tetradic

#93F461 #61DCF4 #C261F4 #F47961

square

#93F461 #61DCF4 #C261F4 #F47961

split-complementary

#93F461 #7961F4 #F461DC

monochromatic

#4FCC0E #6CF028 #93F461 #BAF89A #E1FCD3

Accessibility & contrast

On white

1.37

#93F461 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

15.35

#93F461 on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #93F461

15.35:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##93F461	#FFFFFF	#000000	##000000
##93F461	1.00	1.37	15.35	15.35
#FFFFFF	1.37	1.00	21.00	21.00
#000000	15.35	21.00	1.00	1.00
##000000	15.35	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#FCE150

Deuteranopia (green-blind)

#EED96C

Tritanopia (blue-blind)

#8FECD5

Achromatopsia (no color)

#DCDCDC

Design tokens & code

CSS

--color: #93f461;
/* rgb */ color: rgb(147, 244, 97);
/* oklch */ color: oklch(87.7% 0.204 136.5);

Tailwind

colors: {
  custom: {
    50: '#b8f893',
    500: '#93f461',
    950: '#000000',
  },
}

SCSS

$custom: #93f461;
$custom-light: #b8f893;
$custom-dark: #000000;

JSON

{
  "hex": "#93f461",
  "rgb": {
    "r": 147,
    "g": 244,
    "b": 97
  },
  "hsl": {
    "h": 99.592,
    "s": 86.982,
    "l": 66.863
  },
  "oklch": {
    "l": 0.8772,
    "c": 0.20437,
    "h": 136.5
  },
  "luminance": 0.71767
}

Semantic roles & 50–950 ramp

primary

#93F461

secondary

#9531C8

accent

#02E497

background

#FDFFFC

surface

#F9FFF4

border

#D2D7CE

text

#12170D

muted

#82857F

Preview Lab

Preview with #93F461

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

Preview Lab → · Contrast checker → · Palette generator →