Light sea green to HSL — Color Code

#98f6b0
Format Value
HEX #98f6b0
RGB rgb(152, 246, 176)
HSL hsl(135.3, 83.9%, 78%)
CMYK cmyk(38.2%, 0%, 28.5%, 3.5%)
HSV hsv(135.3, 38.2%, 96.5%)

light sea green color harmonies

Tints & shades of light sea green

Tints (lighter)

#a1f7b7 #abf8be #b4f8c6 #bdf9cd #c7fad4 #d0fbdb #dafce2 #e3fde9 #ecfdf1 #f6fef8

Shades (darker)

#8ae0a0 #7cc990 #6fb380 #619d70 #538660 #457050 #375940 #294330 #1c2d20 #0e1610

Contrast & accessibility

The quick brown fox

On white · 1.3:1 · Fail

The quick brown fox

On black · 16.14:1 · AAA

Recommended text color: #000000

Use light sea green in code

CSS color: #98f6b0;
SCSS $color: #98f6b0;
Tailwind bg-[#98f6b0]
Swift UIColor(red: 0.596, green: 0.965, blue: 0.690, alpha: 1)
Android Color.parseColor("#98f6b0")
Flutter Color(0xFF98F6B0)

Colors similar to light sea green

Browse all Green colors →

What is the HSL code for light sea green?

The CSS color light sea green in HSL format is hsl(135.3, 83.9%, 78%). Use this value directly in CSS, SVG, and most design tools.

How do I use light sea green in CSS?

To apply light sea green in CSS:

  • Text color: color: hsl(135.3, 83.9%, 78%);
  • Background: background-color: hsl(135.3, 83.9%, 78%);
  • Border: border-color: hsl(135.3, 83.9%, 78%);

What are all the color format values for light sea green?

FormatValue
HEX#98f6b0
RGBrgb(152, 246, 176)
HSLhsl(135.3, 83.9%, 78%)
CMYKcmyk(38.2%, 0%, 28.5%, 3.5%)

How do I convert light sea green to HSL?

Select light sea green from the color name list in our color converter. The HSL value — hsl(135.3, 83.9%, 78%) — appears instantly alongside HEX, RGB, HSL and CMYK.

What color family does light sea green belong to?

light sea green belongs to the green color family. It is a light, vivid color with HSL values: hue 135.3°, saturation 83.9%, lightness 78%.

How do I create lighter and darker shades of light sea green?

Lighter variant (lightness 93%): #defce6. Darker variant (lightness 63%): #51f07a. 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.