Pale lime green to HSL — Color Code

#b1ff65
Format Value
HEX #b1ff65
RGB rgb(177, 255, 101)
HSL hsl(90.4, 100%, 69.8%)
CMYK cmyk(30.6%, 0%, 60.4%, 0%)
HSV hsv(90.4, 60.4%, 100%)

pale lime green color harmonies

Tints & shades of pale lime green

Tints (lighter)

#b8ff73 #bfff81 #c6ff8f #cdff9d #d4ffab #dcffb9 #e3ffc7 #eaffd5 #f1ffe3 #f8fff1

Shades (darker)

#a1e85c #91d153 #81b949 #71a240 #618b37 #50742e #405d25 #30461c #202e12 #101709

Contrast & accessibility

The quick brown fox

On white · 1.21:1 · Fail

The quick brown fox

On black · 17.36:1 · AAA

Recommended text color: #000000

Use pale lime green in code

CSS color: #b1ff65;
SCSS $color: #b1ff65;
Tailwind bg-[#b1ff65]
Swift UIColor(red: 0.694, green: 1.000, blue: 0.396, alpha: 1)
Android Color.parseColor("#b1ff65")
Flutter Color(0xFFB1FF65)

Colors similar to pale lime green

Browse all Green colors →

What is the HSL code for pale lime green?

The CSS color pale lime green in HSL format is hsl(90.4, 100%, 69.8%). Use this value directly in CSS, SVG, and most design tools.

How do I use pale lime green in CSS?

To apply pale lime green in CSS:

  • Text color: color: hsl(90.4, 100%, 69.8%);
  • Background: background-color: hsl(90.4, 100%, 69.8%);
  • Border: border-color: hsl(90.4, 100%, 69.8%);

What are all the color format values for pale lime green?

FormatValue
HEX#b1ff65
RGBrgb(177, 255, 101)
HSLhsl(90.4, 100%, 69.8%)
CMYKcmyk(30.6%, 0%, 60.4%, 0%)

How do I convert pale lime green to HSL?

Select pale lime green from the color name list in our color converter. The HSL value — hsl(90.4, 100%, 69.8%) — appears instantly alongside HEX, RGB, HSL and CMYK.

What color family does pale lime green belong to?

pale lime green belongs to the green color family. It is a medium, vivid color with HSL values: hue 90.4°, saturation 100%, lightness 69.8%.

How do I create lighter and darker shades of pale lime green?

Lighter variant (lightness 84.8%): #d8ffb1. Darker variant (lightness 54.8%): #8aff18. These values are computed by adjusting HSL lightness ±15% while keeping the same hue and saturation.

What is HSL used for?

HSL describes colors by hue (0–360°), saturation (0–100%) and lightness (0–100%). It is more intuitive for designers — easy to create lighter, darker or less saturated variants of any color.