Light teal to HSL — Color Code

#90e4c1
Format Value
HEX #90e4c1
RGB rgb(144, 228, 193)
HSL hsl(155, 60.9%, 72.9%)
CMYK cmyk(36.8%, 0%, 15.4%, 10.6%)
HSV hsv(155, 36.8%, 89.4%)

light teal color harmonies

Tints & shades of light teal

Tints (lighter)

#9ae6c7 #a4e9cc #aeebd2 #b8eed8 #c2f0dd #cdf3e3 #d7f5e8 #e1f8ee #ebfaf4 #f5fdf9

Shades (darker)

#83cfaf #76bb9e #69a68c #5c917b #4f7c69 #416858 #345346 #273e35 #1a2923 #0d1512

Contrast & accessibility

The quick brown fox

On white · 1.49:1 · Fail

The quick brown fox

On black · 14.05:1 · AAA

Recommended text color: #000000

Use light teal in code

CSS color: #90e4c1;
SCSS $color: #90e4c1;
Tailwind bg-[#90e4c1]
Swift UIColor(red: 0.565, green: 0.894, blue: 0.757, alpha: 1)
Android Color.parseColor("#90e4c1")
Flutter Color(0xFF90E4C1)

Colors similar to light teal

Browse all Green colors →

What is the HSL code for light teal?

The CSS color light teal in HSL format is hsl(155, 60.9%, 72.9%). Use this value directly in CSS, SVG, and most design tools.

How do I use light teal in CSS?

To apply light teal in CSS:

  • Text color: color: hsl(155, 60.9%, 72.9%);
  • Background: background-color: hsl(155, 60.9%, 72.9%);
  • Border: border-color: hsl(155, 60.9%, 72.9%);

What are all the color format values for light teal?

FormatValue
HEX#90e4c1
RGBrgb(144, 228, 193)
HSLhsl(155, 60.9%, 72.9%)
CMYKcmyk(36.8%, 0%, 15.4%, 10.6%)

How do I convert light teal to HSL?

Select light teal from the color name list in our color converter. The HSL value — hsl(155, 60.9%, 72.9%) — appears instantly alongside HEX, RGB, HSL and CMYK.

What color family does light teal belong to?

light teal belongs to the green color family. It is a light, moderately saturated color with HSL values: hue 155°, saturation 60.9%, lightness 72.9%.

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

Lighter variant (lightness 87.9%): #cdf3e3. Darker variant (lightness 57.900000000000006%): #52d59f. 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.