#98FB98
Color Name
Pale Green
rgb(152, 251, 152)•hsl(120, 93%, 79%)•Lum 0.779
HEX#98FB98
RGBrgb(152, 251, 152)
HSLhsl(120, 93%, 79%)
HSVhsv(120, 39%, 98%)
CMYKcmyk(39%, 0%, 39%, 2%)
CSS Variable--color-primary: #98FB98;
CSS Backgroundbackground-color: #98FB98;
Color Harmonies
Classic color wheel theory relationships derived from #98FB98. Click any swatch to explore.
Complementary (180°)
Analogous (-30° / +30°)
Triadic (120° / 240°)
Split Complementary (150° / 210°)
Monochromatic (Lightness & Saturation Progression)
Shades & Tints
Step-by-step luminance variations created by adding black (shades) or white (tints).
Shades (Mixing with Black)
#87DF87
11% Dark#76C376
22% Dark#65A765
33% Dark#548B54
44% Dark#447044
56% Dark#335433
67% Dark#223822
78% Dark#111C11
89% DarkTints (Mixing with White)
#A3FBA3
11% Light#AFFCAF
22% Light#BAFCBA
33% Light#C6FDC6
44% Light#D1FDD1
56% Light#DDFEDD
67% Light#E8FEE8
78% Light#F4FFF4
89% LightKeep Designing
Use #98FB98 Across Other Tools
Jump into our contrast checker to test accessibility, generate a gradient, or build a 5-color palette around this shade.