PaleGreen Color — HEX, RGB, HSL, Palettes & Contrast

PaleGreen (#98fb98): Complete color reference with HEX, RGB, HSL values, tints & shades, complementary, analogous, triadic, split-complementary, and tetradic palettes, WCAG contrast recommendations, and ready-to-use CSS code.

#98fb98
HEX #98fb98
RGB rgb(152, 251, 152)
HSL 120°, 93%, 79%

Use PaleGreen in Your Projects

🎨 Open in Color Picker 🌈 Generate Palette 👁️ Check Contrast 🔄 Convert Color 🌊 Use in Gradient

About PaleGreen Color

PaleGreen is a light, soft green that feels fresh and natural. It is used for subtle success indications, environmental accents, and refreshing UI elements.

Use Cases for PaleGreen

success stateseco accentsfresh UInature backgroundsgarden themes

Shades & Tints of PaleGreen

#ffffff
#e5fee5
#ccfdcc
#b2fcb2
#98fb98
#72bc72
#4c7e4c
#263f26
#000000

Complementary Color

#98fb98
#fb98fb

Analogous Colors

#c9fb98
#98fb98
#98fbc9

Triadic Colors

#98fb98
#9898fb
#fb9898

Split Complementary

#98fb98
#c998fb
#fb98c9

Tetradic Colors

#98fb98
#98fbfb
#fb98fb
#fb9898

CSS Code

.palegreen-color {
  color: #98fb98;
  background-color: #98fb98;
}

/* As a CSS custom property */
:root {
  --color-palegreen: #98fb98;
}

Accessibility Score

100 / 100
Rating: Excellent
✓ AA contrast on best text color (30 pts)
✓ AAA contrast on best text color (25 pts)
✓ Versatile lightness for backgrounds & text (25 pts)
✓ Not extreme black/white (20 pts)

A combined score based on WCAG contrast compliance, lightness versatility, and usable range. Higher scores mean the color works well in more design contexts.

Contrast Recommendations

Black text on PaleGreen
Ratio: 16.59:1 ✓ Passes AA ✓ Passes AAA
White text on PaleGreen
Ratio: 1.27:1 ✗ Fails AA ✗ Fails AAA

Related Colors

LightGreen
SpringGreen
MediumSpringGreen
Aquamarine

Related Tools

Frequently Asked Questions

What color is PaleGreen?

PaleGreen is represented by the hex code #98fb98 and has RGB values of rgb(152, 251, 152). It falls under the Green category.

How to use PaleGreen in web design?

PaleGreen works well for success states, eco accents, fresh UI. PaleGreen is a light, soft green that feels fresh and natural. It is used for subtle success indications, environmental accents, and refreshing UI elements. Use it as a primary color, accent, or background depending on your design needs.

What colors go with PaleGreen?

Colors that pair well with PaleGreen include lightgreen, springgreen, mediumspringgreen, aquamarine. For a complementary scheme, try #fb98fb. For an analogous scheme, use #c9fb98 and #98fbc9. For a triadic scheme, combine with #9898fb and #fb9898.