CSS named color
PaleGreen
#98FB98
HEX
#98fb98RGB
rgb(152, 251, 152)HSL
hsl(120, 93%, 79%)OKLCH
oklch(90.35% 0.1624 144.09)NAME
palegreenPalette
Complementary
180° on the color wheelComplement
#FB98FB
Analogous
±30° around the base hueLeft
#C9FB98
Right
#98FBC9
Triadic
±120° for harmonic contrastTriad 1
#9898FB
Triad 2
#FB9898
Shades
Lighter and darker variantsCSS usage
By name
color: palegreen;
background-color: palegreen;By HEX
color: #98fb98;
background-color: #98fb98;By RGB
color: rgb(152, 251, 152);
background-color: rgb(152, 251, 152);By HSL
color: hsl(120, 93%, 79%);
background-color: hsl(120, 93%, 79%);WCAG contrast vs white
Aa
1.27:1
Below minimum
WCAG contrast vs black
Aa
16.59:1
AAA
Related colors
FAQ — PaleGreen
What is the HEX code for PaleGreen?
The HEX code for PaleGreen is #98FB98. It's one of the 148 named CSS colors and can be used directly in CSS as color: palegreen; or color: #98fb98;
What is PaleGreen in RGB?
PaleGreen in RGB is rgb(152, 251, 152) — red 152, green 251, blue 152.
What is PaleGreen in HSL?
PaleGreen in HSL is hsl(120, 93%, 79%) — hue 120°, saturation 93%, lightness 79%.
What is the complementary color of PaleGreen?
The complementary color (directly opposite PaleGreen on the color wheel) is #FB98FB. The two together produce maximum contrast.
Is white text readable on PaleGreen?
The WCAG contrast ratio against white (#FFFFFF) is 1.27:1, and against black (#000000) it's 16.59:1. Black text is more readable. WCAG recommends at least 4.5:1 for body text.