Putty to HSL — Color Code

#beae8a
Format Value
HEX #beae8a
RGB rgb(190, 174, 138)
HSL hsl(41.5, 28.6%, 64.3%)
CMYK cmyk(0%, 8.4%, 27.4%, 25.5%)
HSV hsv(41.5, 27.4%, 74.5%)

putty color harmonies

Tints & shades of putty

Tints (lighter)

#c4b595 #cabd9f #d0c4aa #d6cbb5 #dcd3bf #e1daca #e7e2d4 #ede9df #f3f0ea #f9f8f4

Shades (darker)

#ad9e7d #9b8e71 #8a7f64 #796f58 #685f4b #564f3f #453f32 #342f26 #232019 #11100d

Contrast & accessibility

The quick brown fox

On white · 2.19:1 · Fail

The quick brown fox

On black · 9.61:1 · AAA

Recommended text color: #000000

Use putty in code

CSS color: #beae8a;
SCSS $color: #beae8a;
Tailwind bg-[#beae8a]
Swift UIColor(red: 0.745, green: 0.682, blue: 0.541, alpha: 1)
Android Color.parseColor("#beae8a")
Flutter Color(0xFFBEAE8A)

Colors similar to putty

Browse all Orange colors →

What is the HSL code for putty?

The CSS color putty in HSL format is hsl(41.5, 28.6%, 64.3%). Use this value directly in CSS, SVG, and most design tools.

How do I use putty in CSS?

To apply putty in CSS:

  • Text color: color: hsl(41.5, 28.6%, 64.3%);
  • Background: background-color: hsl(41.5, 28.6%, 64.3%);
  • Border: border-color: hsl(41.5, 28.6%, 64.3%);

What are all the color format values for putty?

FormatValue
HEX#beae8a
RGBrgb(190, 174, 138)
HSLhsl(41.5, 28.6%, 64.3%)
CMYKcmyk(0%, 8.4%, 27.4%, 25.5%)

How do I convert putty to HSL?

Select putty from the color name list in our color converter. The HSL value — hsl(41.5, 28.6%, 64.3%) — appears instantly alongside HEX, RGB, HSL and CMYK.

What color family does putty belong to?

putty belongs to the orange color family. It is a medium, muted color with HSL values: hue 41.5°, saturation 28.6%, lightness 64.3%.

How do I create lighter and darker shades of putty?

Lighter variant (lightness 79.3%): #d9d0bb. Darker variant (lightness 49.3%): #a28b5a. 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.