Greenish brown to HSL — Color Code

#696112
Format Value
HEX #696112
RGB rgb(105, 97, 18)
HSL hsl(54.5, 70.7%, 24.1%)
CMYK cmyk(0%, 7.6%, 82.9%, 58.8%)
HSV hsv(54.5, 82.9%, 41.2%)

greenish brown color harmonies

Tints & shades of greenish brown

Tints (lighter)

#776f28 #847e3d #928c53 #a09a68 #ada97e #bbb793 #c8c6a9 #d6d4be #e4e2d4 #f1f1e9

Shades (darker)

#5f5810 #564f0f #4c470d #433e0b #39350a #302c08 #262307 #1d1a05 #131203 #0a0902

Contrast & accessibility

The quick brown fox

On white · 6.33:1 · AA

The quick brown fox

On black · 3.32:1 · AA Large

Recommended text color: #ffffff

Use greenish brown in code

CSS color: #696112;
SCSS $color: #696112;
Tailwind bg-[#696112]
Swift UIColor(red: 0.412, green: 0.380, blue: 0.071, alpha: 1)
Android Color.parseColor("#696112")
Flutter Color(0xFF696112)

Colors similar to greenish brown

Browse all Yellow colors →

What is the HSL code for greenish brown?

The CSS color greenish brown in HSL format is hsl(54.5, 70.7%, 24.1%). Use this value directly in CSS, SVG, and most design tools.

How do I use greenish brown in CSS?

To apply greenish brown in CSS:

  • Text color: color: hsl(54.5, 70.7%, 24.1%);
  • Background: background-color: hsl(54.5, 70.7%, 24.1%);
  • Border: border-color: hsl(54.5, 70.7%, 24.1%);

What are all the color format values for greenish brown?

FormatValue
HEX#696112
RGBrgb(105, 97, 18)
HSLhsl(54.5, 70.7%, 24.1%)
CMYKcmyk(0%, 7.6%, 82.9%, 58.8%)

How do I convert greenish brown to HSL?

Select greenish brown from the color name list in our color converter. The HSL value — hsl(54.5, 70.7%, 24.1%) — appears instantly alongside HEX, RGB, HSL and CMYK.

What color family does greenish brown belong to?

greenish brown belongs to the yellow color family. It is a dark, vivid color with HSL values: hue 54.5°, saturation 70.7%, lightness 24.1%.

How do I create lighter and darker shades of greenish brown?

Lighter variant (lightness 39.1%): #aa9d1d. Darker variant (lightness 9.100000000000001%): #282507. 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.