Skip to content
ColorPlum

Colors · value from the xkcd color survey (2010)

Pastel green color: hex code #B0FF9D, RGB and palettes

Pastel green is #B0FF9D (RGB 176, 255, 157), the value people most often called pastel green in the xkcd color survey: a light, fresh lime-leaning green. Black text reaches 17.63:1; white on it is 1.19:1.

By Paul Gunder. Every value is computed from published standards; see how ColorPlum works.

Updated

ColorPlum swatchPastel greenpale, saturated green
HEX
#B0FF9D
RGB
rgb(176, 255, 157)
HSL
hsl(108, 100%, 81%)

Best text on it: black at 17.63:1

Copy codes as
Build a paletteMake a gradientCheck contrastWallpaper

Every code for Pastel green

  • HEX#B0FF9D
  • RGBrgb(176, 255, 157)
  • HSLhsl(108, 100%, 81%)
  • HSV108°, 38%, 100%
  • CMYK31%, 0%, 38%, 0%
  • Lablab(93.2% -38.5 38.9)
  • OKLCHoklch(92.6% 0.15 139.6)
  • Decimal11599773

Tints, shades and tones

From white to black in 10% steps, with Pastel green in the middle. Tap a code to copy it.

  1. 90%#F7FFF5
  2. 80%#EFFFEB
  3. 70%#E7FFE2
  4. 60%#DFFFD8
  5. 50%#D8FFCE
  6. 40%#D0FFC4
  7. 30%#C8FFBA
  8. 20%#C0FFB1
  9. 10%#B8FFA7
  10. Base#B0FF9D
  11. 10%#9EE68D
  12. 20%#8DCC7E
  13. 30%#7BB36E
  14. 40%#6A995E
  15. 50%#58804F
  16. 60%#46663F
  17. 70%#354D2F
  18. 80%#23331F
  19. 90%#121A10

Tones (mixed with gray)

  1. 10%#ABF29A
  2. 20%#A6E697
  3. 30%#A2D994
  4. 40%#9DCC91
  5. 50%#98C08F
  6. 60%#93B38C
  7. 70%#8EA689
  8. 80%#8A9986
  9. 90%#858D83

Matching colors

Complementary
Analogous
Triadic
Split complementary
Tetradic (square)
Monochromatic
  • #35FF04
  • #72FF51
  • #B0FF9D
  • #EEFFE9
  • #EFFFEB

Pastel green in 3D color space

OKLab, the space ColorPlum does its math in: lightness runs up the pole, hue goes around it and saturation grows outward. The faint shell is every color a screen can show (saturation is drawn wider than lightness so hues separate). Drag to turn it.

Pastel green with its complement, its triad and its tint and shade
  • Pastel green
  • Triad #9DB0FF
  • Triad #FF9DB0
  • Complement
  • 50% tint
  • 50% shade

Pastel green in use

New collectionAutumn edit

Card body text stays dark for reading; pastel green carries the header and the button.

Shop nowTag

Headline in Pastel green

A paragraph with a link in dark text, because this color is too light for text on white; use it for fills instead.

How it looks with color-vision deficiency

A simulation (Machado and colleagues, 2009) of how the color and its complement read without one type of cone.

  • Typical color vision#B0FF9D
  • Protanopia (no red cones)#FFF096
  • Deuteranopia (no green cones)#F9E8A3
  • Tritanopia (no blue cones)#ABF9E7

Contrast and readability

PairingRatioWCAG 2.2
as text on white1.19:1AA AA large AAA
as text on black17.63:1AA AA large AAA
white text on it1.19:1AA AA large AAA
black text on it17.63:1AA AA large AAA
on your background1.03:1AA AA large AAA

Export

:root {
  --pastel-green: #b0ff9d;
  --pastel-green-rgb: 176 255 157;
  --pastel-green-on: #000000;
}
On this page

Pastel colors are light and soft, and pastel green is the fresh, springlike member of that group. The CSS color list has palegreen and lightgreen but no pastel green, so the value here comes from the xkcd survey, where volunteers named swatches on their screens. The shade they most often called "pastel green" is #B0FF9D.

What the codes mean

In RGB, pastel green is 176, 255, 157: green is at full strength, red is a little below it, and blue is lowest. In HSL it is hue 108°, 100% saturation and 81% lightness. That full saturation surprises people who expect pastels to be dull, but on screens a pastel is simply a vivid color lifted high on the lightness scale. The CMYK estimate is 31%, 0%, 38%, 0%.

The survey neighbors are very near: "pale light green" (#B1FC99, 0.8 away), "light pastel green" (#B2FBA5, 1.7) and "celery" (#C1FD95, 1.8). The closest CSS color is palegreen (#98FB98), 2.8 away, which is slightly deeper and more minty, so it is a decent named stand-in. lightgreen (#90EE90) is 5.9 away and clearly stronger. For a cooler, bluer green, see mint.

Using pastel green well

  • Text on it: black measures 17.63:1, and a very dark green like #0B4008 reaches 10.07:1. White text is 1.19:1 and unreadable.
  • As a fill: it works for success states, badges and backgrounds, where a quick positive signal matters more than subtlety.
  • Tints: the 80% tint, #EFFFEB, and 90% tint, #F7FFF5, are barely-there mint whites.
  • Pairings: the complement is a soft orchid, #EC9DFF, which is playful rather than quiet. The triadic strips add a pale periwinkle and pink for a candy-like set.

Worked example

You are designing a habit-tracker screen, and the "done today" chip should feel rewarding without shouting. A pastel green chip with the label in dark green (#0B4008) measures 10.07:1, so the text stays readable even when the phone is dimmed. Do not use pastel green for the check mark outline on a white card, though: it reads at 1.19:1 there, so the outline would disappear. Draw the check in the dark green too, and let the pastel fill do the work around it. The 40% shade, #6A995E, is a handy mid-green for the progress bar's filled part.

Pastel green versus light green

"Light green" is a wide label, and the CSS version is both darker and more saturated than this one. Pastel green is reserved for the airy end. Spring scenes, baby goods and wellness brands lean on it; see the spring palettes for it alongside soft pinks and yellows.

Sources

  1. xkcd, Color survey results: the 954 most common color names (Randall Munroe, 2010; checked 2026-11-10) xkcd.com
  2. W3C, CSS Color Module Level 4: named colors and color conversions (checked 2026-11-10) w3.org
  3. W3C, Web Content Accessibility Guidelines (WCAG) 2.2: contrast minimum (checked 2026-11-10) w3.org