Light mint to HSL — Color Code

#b6ffbb
Format Value
HEX #b6ffbb
RGB rgb(182, 255, 187)
HSL hsl(124.1, 100%, 85.7%)
CMYK cmyk(28.6%, 0%, 26.7%, 0%)
HSV hsv(124.1, 28.6%, 100%)

light mint color harmonies

Tints & shades of light mint

Tints (lighter)

#bdffc1 #c3ffc7 #caffce #d1ffd4 #d7ffda #deffe0 #e4ffe6 #ebffec #f2fff3 #f8fff9

Shades (darker)

#a5e8aa #95d199 #84b988 #74a277 #638b66 #537455 #425d44 #324633 #212e22 #111711

Contrast & accessibility

The quick brown fox

On white · 1.17:1 · Fail

The quick brown fox

On black · 18.01:1 · AAA

Recommended text color: #000000

Use light mint in code

CSS color: #b6ffbb;
SCSS $color: #b6ffbb;
Tailwind bg-[#b6ffbb]
Swift UIColor(red: 0.714, green: 1.000, blue: 0.733, alpha: 1)
Android Color.parseColor("#b6ffbb")
Flutter Color(0xFFB6FFBB)

Colors similar to light mint

Browse all Green colors →

What is the HSL code for light mint?

The CSS color light mint in HSL format is hsl(124.1, 100%, 85.7%). Use this value directly in CSS, SVG, and most design tools.

How do I use light mint in CSS?

To apply light mint in CSS:

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

What are all the color format values for light mint?

FormatValue
HEX#b6ffbb
RGBrgb(182, 255, 187)
HSLhsl(124.1, 100%, 85.7%)
CMYKcmyk(28.6%, 0%, 26.7%, 0%)

How do I convert light mint to HSL?

Select light mint from the color name list in our color converter. The HSL value — hsl(124.1, 100%, 85.7%) — appears instantly alongside HEX, RGB, HSL and CMYK.

What color family does light mint belong to?

light mint belongs to the green color family. It is a light, vivid color with HSL values: hue 124.1°, saturation 100%, lightness 85.7%.

How do I create lighter and darker shades of light mint?

Lighter variant (lightness 95%): #e5ffe7. Darker variant (lightness 70.7%): #6aff74. 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.