Poo brown to HSL — Color Code

#885f01
Format Value
HEX #885f01
RGB rgb(136, 95, 1)
HSL hsl(41.8, 98.5%, 26.9%)
CMYK cmyk(0%, 30.1%, 99.3%, 46.7%)
HSV hsv(41.8, 99.3%, 53.3%)

poo brown color harmonies

Tints & shades of poo brown

Tints (lighter)

#936e18 #9e7c2f #a88b46 #b3995d #bea874 #c9b68c #d4c5a3 #dfd3ba #e9e2d1 #f4f0e8

Shades (darker)

#7c5601 #6f4e01 #634501 #573c01 #4a3401 #3e2b00 #312300 #251a00 #191100 #0c0900

Contrast & accessibility

The quick brown fox

On white · 5.7:1 · AA

The quick brown fox

On black · 3.68:1 · AA Large

Recommended text color: #ffffff

Use poo brown in code

CSS color: #885f01;
SCSS $color: #885f01;
Tailwind bg-[#885f01]
Swift UIColor(red: 0.533, green: 0.373, blue: 0.004, alpha: 1)
Android Color.parseColor("#885f01")
Flutter Color(0xFF885F01)

Colors similar to poo brown

Browse all Orange colors →

What is the HSL code for poo brown?

The CSS color poo brown in HSL format is hsl(41.8, 98.5%, 26.9%). Use this value directly in CSS, SVG, and most design tools.

How do I use poo brown in CSS?

To apply poo brown in CSS:

  • Text color: color: hsl(41.8, 98.5%, 26.9%);
  • Background: background-color: hsl(41.8, 98.5%, 26.9%);
  • Border: border-color: hsl(41.8, 98.5%, 26.9%);

What are all the color format values for poo brown?

FormatValue
HEX#885f01
RGBrgb(136, 95, 1)
HSLhsl(41.8, 98.5%, 26.9%)
CMYKcmyk(0%, 30.1%, 99.3%, 46.7%)

How do I convert poo brown to HSL?

Select poo brown from the color name list in our color converter. The HSL value — hsl(41.8, 98.5%, 26.9%) — appears instantly alongside HEX, RGB, HSL and CMYK.

What color family does poo brown belong to?

poo brown belongs to the orange color family. It is a dark, vivid color with HSL values: hue 41.8°, saturation 98.5%, lightness 26.9%.

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

Lighter variant (lightness 41.9%): #d49402. Darker variant (lightness 11.899999999999999%): #3c2a00. 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.