Palegreen colour (#98FB98)
Palegreen is light a green with hex code #98FB98, one of the 148 named colours every browser understands, so you can write color: ${name} directly in CSS. In RGB it is 152, 251, 152; in HSL 120°, 93%, 79%. Use the tool to explore shades and harmonies.
How to use the Palegreen colour
- The colour is pre-filled; click Explore to see all formats, shades and harmonies.
- Edit the value to try a variation.
- Copy the code you need.
Palegreen in every format
| Format | Value |
|---|---|
| HEX | #98FB98 |
| RGB | rgb(152, 251, 152) |
| RGB (0–1) | 0.596, 0.984, 0.596 |
| HSL | hsl(120, 93%, 79%) |
| CMYK (approx.) | 39%, 0%, 39%, 2% |
| CSS | color: palegreen; |
Shades and tints of Palegreen
Same hue and saturation, lightness from 90% to 10%:
#cefdce | #9dfb9d | #6bfa6b | #3af83a | #09f609 | #07c507 | #059405 | #046204 | #023102 |
Colours that go with Palegreen
| Harmony | Colours | |
|---|---|---|
| Complementary | #fb98fb | |
| Triadic | #9898fb | #fb9898 |
| Analogous | #98fbc9 | #c9fb98 |
Similar named colours
The closest CSS named colours by RGB distance, useful when you need a keyword instead of a hex code or want a near match:
| Colour | HEX | Difference |
|---|---|---|
| lightgreen | #90ee90 | very close |
| darkseagreen | #8fbc8f | close |
| aquamarine | #7fffd4 | close |
| mediumaquamarine | #66cdaa | close |
| silver | #c0c0c0 | noticeably different |
Accessibility
Contrast ratio of Palegreen against white is 1.27:1 (fails WCAG AA for normal text) and against black 16.59:1 (passes). Use black or very dark text on a Palegreen background rather than white.
Frequently asked questions
What is the hex code for Palegreen?
#98FB98.
What is Palegreen in RGB?
rgb(152, 251, 152).
What colour is complementary to Palegreen?
#fb98fb, directly opposite on the colour wheel.
Privacy
This tool runs entirely inside your browser using WebAssembly and the Canvas/File APIs. Your files are never uploaded to ToolFlint or any third party; you can verify this in your browser's network tab or by switching to airplane mode after the page loads. Read how we process files.
Last updated 2026-09-23.