Pale Green #98FB98

Pale Green#98FB98 · rgb(152, 251, 152)

Pale Green color codes

CSS namepalegreen
HEX#98FB98
RGBrgb(152, 251, 152)
HSLhsl(120, 93%, 79%)
CMYKcmyk(39%, 0%, 39%, 2%)
Decimal10025880

Shades of Pale Green (darker)

#89E289 · #7AC97A · #6AB06A · #5B975B · #4C7E4C · #3D643D · #2E4B2E · #1E321E · #0F190F

Tints of Pale Green (lighter)

#A2FBA2 · #ADFCAD · #B7FCB7 · #C1FDC1 · #CCFDCC · #D6FDD6 · #E0FEE0 · #EAFEEA · #F5FFF5

Color harmonies

Complementary
#FB98FB
Triadic
#9898FB, #FB9898
Analogous
#C9FB98, #98FBC9

Accessibility (WCAG contrast)

White text on Pale Green1.27:1 · Fail
Black text on Pale Green16.59:1 · AAA

Use Pale Green in code

.element {
  color: palegreen;          /* or #98fb98 */
  background-color: rgb(152 251 152 / 0.5);
}

Frequently asked questions

What is the hex code for Pale Green?

Pale Green is #98FB98 in HEX, rgb(152, 251, 152) in RGB and hsl(120, 93%, 79%) in HSL.

Can I use "palegreen" directly in CSS?

Yes. "palegreen" is one of the 148 standard CSS named colors, so color: palegreen; works in every browser.

Is Pale Green readable on white?

The contrast ratio of Pale Green on white is 1.27:1 (WCAG Fail). On black it is 16.59:1 (AAA).

What is the complementary color of Pale Green?

The complementary color (opposite on the color wheel) is #FB98FB.

Similar colors

Light Green#90EE90Dark Sea Green#8FBC8FAquamarine#7FFFD4Medium Aquamarine#66CDAASilver#C0C0C0Dark Gray#A9A9A9Dark Grey#A9A9A9Powder Blue#B0E0E6

Convert any color with the Color Converter, generate palettes with the Random Color Generator, or browse all 148 CSS color names.