Tea to HSL — Color Code

#65ab7c
Format Value
HEX #65ab7c
RGB rgb(101, 171, 124)
HSL hsl(139.7, 29.4%, 53.3%)
CMYK cmyk(40.9%, 0%, 27.5%, 32.9%)
HSV hsv(139.7, 40.9%, 67.1%)

tea color harmonies

Tints & shades of tea

Tints (lighter)

#73b388 #81ba94 #8fc2a0 #9dcaac #abd1b8 #b9d9c3 #c7e0cf #d5e8db #e3f0e7 #f1f7f3

Shades (darker)

#5c9b71 #538c65 #497c5a #406d4f #375d44 #2e4e38 #253e2d #1c2f22 #121f17 #09100b

Contrast & accessibility

The quick brown fox

On white · 2.74:1 · Fail

The quick brown fox

On black · 7.67:1 · AAA

Recommended text color: #000000

Use tea in code

CSS color: #65ab7c;
SCSS $color: #65ab7c;
Tailwind bg-[#65ab7c]
Swift UIColor(red: 0.396, green: 0.671, blue: 0.486, alpha: 1)
Android Color.parseColor("#65ab7c")
Flutter Color(0xFF65AB7C)

Colors similar to tea

Browse all Green colors →

What is the HSL code for tea?

The CSS color tea in HSL format is hsl(139.7, 29.4%, 53.3%). Use this value directly in CSS, SVG, and most design tools.

How do I use tea in CSS?

To apply tea in CSS:

  • Text color: color: hsl(139.7, 29.4%, 53.3%);
  • Background: background-color: hsl(139.7, 29.4%, 53.3%);
  • Border: border-color: hsl(139.7, 29.4%, 53.3%);

What are all the color format values for tea?

FormatValue
HEX#65ab7c
RGBrgb(101, 171, 124)
HSLhsl(139.7, 29.4%, 53.3%)
CMYKcmyk(40.9%, 0%, 27.5%, 32.9%)

How do I convert tea to HSL?

Select tea from the color name list in our color converter. The HSL value — hsl(139.7, 29.4%, 53.3%) — appears instantly alongside HEX, RGB, HSL and CMYK.

What color family does tea belong to?

tea belongs to the green color family. It is a medium, muted color with HSL values: hue 139.7°, saturation 29.4%, lightness 53.3%.

How do I create lighter and darker shades of tea?

Lighter variant (lightness 68.3%): #96c6a6. Darker variant (lightness 38.3%): #457e58. 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.