Skip to content
  • No data uploaded
  • Instant results

Pale Green — #98FB98

Pale Green is the CSS named colour palegreen, hex #98FB98. It has a contrast ratio of 1.27:1 on white and 16.59:1 on black — best used as text on dark backgrounds.

Pale Green — #98FB98

Contrast on white 1.27:1 · on black 16.59:1

Tints
Shades
Complementary
Triadic
Analogous

Free Pale Green — #98FB98 by pGento

Using Pale Green in code

CSS: color: palegreen; or color: #98FB98; · Tailwind: text-[#98FB98] · Android/Flutter: 0xFF98FB98

Pale Green colour harmonies

Complementary: #FB98FB · Triadic: #9898FB, #FB9898 · Analogous: #CAFB98, #98FBCA. Use tints for backgrounds and shades for hover states.

Pale Green in every colour format

FormatValue
HEX#98FB98
RGBrgb(152, 251, 152)
HSLhsl(120, 93%, 79%)
HSVhsv(120, 39%, 98%)
CMYKcmyk(39%, 0%, 39%, 2%)
CSS namepalegreen
Contrast on white1.27:1
Contrast on black16.59:1

Frequently asked questions

What is the hex code for Pale Green?
#98FB98 (CSS name: palegreen).
What is Pale Green in RGB?
rgb(152, 251, 152)
What colour goes well with Pale Green?
Its complementary colour #FB98FB, or the analogous #CAFB98 and #98FBCA.
Pale Green — #98FB98

Embed this tool on your site

Paste this code into any web page. It stays free, fast and ad-free inside your site.

Print or save as PDF

Prints just this tool and its result. Choose “Save as PDF” as the printer to get a file. Branding is stored only in this browser.