Pale Green color values
| Format | Value |
|---|---|
| Hex | #98FB98 |
| RGB | rgb(152, 251, 152) |
| HSL | hsl(120, 93%, 79%) |
| HSV | 120, 39%, 98% |
| CMYK (simple conversion) | 39%, 0%, 39%, 2% |
| Decimal | 10025880 |
CMYK is calculated with the standard formula from the RGB values. Printed colors depend on the ink and paper, so treat it as a starting point.
About Pale Green
Pale green is a soft, light shade of green that resembles fresh spring leaves. Designers often use it in user interfaces to signal success or positive status without overwhelming the viewer. It also appears frequently in health and wellness branding to evoke feelings of nature and calm. It is one of the 148 CSS named colors.
Shades and tints of Pale Green
Tints mix Pale Green with white and shades mix it with black. Each step changes the color by 10 percentage points.
| Step | Tint (towards white) | Shade (towards black) |
|---|---|---|
| 10% | #A2FBA2 | #89E289 |
| 20% | #ADFCAD | #7AC97A |
| 30% | #B7FCB7 | #6AB06A |
| 40% | #C1FDC1 | #5B975B |
| 50% | #CCFDCC | #4C7E4C |
Color harmony for Pale Green
These colors keep the same saturation and lightness as Pale Green and rotate the hue around the color wheel.
| Scheme | Colors |
|---|---|
| Complementary | #FB98FB |
| Analogous | #CAFB98 #98FBCA |
| Triadic | #9898FB #FB9898 |
| Split complementary | #CA98FB #FB98CA |
Contrast and accessibility
Contrast between #98FB98 and white is 1.27:1 (fails). Against black it is 16.59:1 (passes AAA). For text on a Pale Green background, black text is the more readable choice.
Use Pale Green in CSS
.element {
color: palegreen;
background-color: #98FB98;
border-color: rgb(152 251 152);
outline-color: hsl(120 93% 79%);
}All four lines produce exactly the same color. The keyword palegreen is one of the CSS named colors, so it works in every browser without a color function.
Similar named colors
- lightgreen: #90EE90
- darkseagreen: #8FBC8F
- Aquamarine: #7FFFD4
- mediumaquamarine: #66CDAA
FAQ
What is the hex code for Pale Green?
The hex code for Pale Green is #98FB98. As a CSS color keyword you can also write palegreen.
What is Pale Green in RGB?
Pale Green is rgb(152, 251, 152): red 152, green 251, blue 152 on the 0 to 255 scale.
What color is closest to Pale Green?
Of the CSS named colors, lightgreen (#90EE90) is the closest match to Pale Green, followed by darkseagreen and aquamarine.
More colors
- Orchid: previous page
- Pale Turquoise: next page
- CSS named colors: the full list