Maroon Colors  ·  Color Library

Palettes / Colors / #91EF91

#91EF91 — Light Green

#91EF91 is a green color we call Light Green, closest to the named color LightGreen (#90EE90). It belongs to the green family.

Color name

Closest CSS keyword: lightgreen (#90EE90) — not an exact match. CSS lightgreen gives you #90EE90, a different color; use #91EF91 when you need this exact shade.

Sources: common names follow widely used color-name references; CSS keywords and their hex values follow the CSS Color specification.

#91EF91 is a warm-leaning green color associated with growth, calm and balance. It is saturated enough to be the accent — buttons, highlights and calls to action — while neutrals do the quiet work around it.

Its strongest partner is its complement #EF8FEF; it also sits naturally between #BFEF8F and #8FEFBF. In the palettes below you can see it working alongside real color combinations from our collection.

#91EF91 · RGB 145, 239, 145

Download PNG swatch SVG

Color values

HEX#91EF91
RGB145, 239, 145
HSL120°, 75%, 75%
HSV120°, 39%, 94%
CMYK39%, 0%, 39%, 6%
XYZ47.65, 69.80, 37.75
Yxy69.80, 0.3071, 0.4497
CIE-Lab86.90, -46.31, 36.91
Hunter Lab83.54, -40.56, 28.19

RGB & CMYK percentages

Red 57% · Green 94% · Blue 57%

Cyan 39% · Magenta 0% · Yellow 39% · Key 6%

CMYK values are unprofiled approximations for screen reference — not a print-proofing guarantee.

Previews

Sample text in #91EF91 on black
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Sample text in #91EF91 on white
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

CSS code for #91EF91

.text { color: #91EF91; }
.background { background-color: #91EF91; }
.border { border: 3px solid #91EF91; }
.text-rgb { color: rgb(145, 239, 145); }
.text-hsl { color: hsl(120, 75%, 75%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #91EF91; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(145, 239, 145, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #91EF91; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(145, 239, 145, 0.8); }

HTML: <p style="color:#91EF91">Text here</p> · <div style="background-color:#91EF91">Div content here</div>

Shades of #91EF91

#70EB70#51E651#32E232#1ED21E#19B319#148F14#107010#0B500B#073107#031203

Tints of #91EF91

#98F098#A1F2A1#AAF3AA#B3F4B3#C1F6C1#C9F7C9#D2F9D2#DBFADB#E4FBE4#EDFCED

Tones of #91EF91

#96E896#9DE29D#A4DBA4#ABD4AB#B2CDB2#B8C6B8

Color harmonies

Complementary — #EF8FEF:

Analogous:

Triadic:

Contrast & accessibility

Against white text1.40:1 Fails
Against black text14.96:1 AAA

Best text color on #91EF91: #000000.

Semi-transparent (opacity) text on #91EF91

Text set with opacity blends into the background, so its real contrast is lower than the solid ratios above. Choose a text color and an opacity to see the blended color and its true ratio:

100%
Sample heading text
Smaller body text shows the effect best.

Blended color: · Contrast against #91EF91: ·

How #91EF91 looks with color blindness

Simulated with standard Machado color-vision-deficiency matrices — useful when this color carries meaning in charts, maps or interfaces:

Protanopia · #BABBA8Deuteranopia · #B4ADADTritanopia · #96BABE

Closest design-system colors

The nearest matches in the Tailwind CSS, Material Design and Bootstrap palettes — handy when you need a framework class instead of a raw hex:

Material Grey 500 · #9E9E9EMaterial Light Green 500 · #8BC34AMaterial Lime 500 · #CDDC39

Palettes with a similar color

These palettes use a close neighbour of #91EF91 rather than the exact color:

Radiant Ruby Mosaic
#CCF4CD · #92EC94 · #51DC54 · #135D15
Palette 9cf196
#9CF196 · #ECEBA7 · #EBCE95 · #EDAAAA
Frozen Harbor
#9AEA8A · #76E160 · #33BF17 · #184F0D
Honey Ruby Lagoon
#BDF5C6 · #86EA96 · #53DF6B · #35DA51
Frozen Ruby Mosaic
#880FB1 · #D731ED · #78F04F · #A1EF97
Honey Summit
#384826 · #6B963C · #6FBC63 · #8BDF95

Similar colors

The closest colors that actually appear in our palette collection — click any to open its page:

#92EC94#9CF196#9AEA8A#86EA96#A1EF97#8BDF95#85F083#9FE689#80ED99#A3ED9B#A4EC9A#7DE893

Browse neighbouring colors

← #91EF90  ·  #91EF92 →

Frequently asked questions

What color is #91EF91?

#91EF91 is Light Green, a green color (RGB 145, 239, 145). Its closest standard named color is LightGreen.

What is the RGB and HSL of #91EF91?

#91EF91 is RGB 145, 239, 145 — HSL 120°, 75%, 75% — CMYK 39%, 0%, 39%, 6%.

What colors go with #91EF91?

Its complement is #EF8FEF; analogous partners are #BFEF8F and #8FEFBF. It also appears in 6+ palettes in our collection.

Can I use #91EF91 for text?

Black text on #91EF91 has a contrast ratio of 14.96:1 (passes WCAG AA); white text gives 1.40:1.