What is the HSL code for caramel?
The CSS color caramel in HSL format is hsl(36.9, 90.2%, 36.1%). Use this value directly in CSS, SVG, and most design tools.
How do I use caramel in CSS?
To apply caramel in CSS:
- Text color: color: hsl(36.9, 90.2%, 36.1%);
- Background: background-color: hsl(36.9, 90.2%, 36.1%);
- Border: border-color: hsl(36.9, 90.2%, 36.1%);
What are all the color format values for caramel?
| Format | Value |
|---|---|
| HEX | #af6f09 |
| RGB | rgb(175, 111, 9) |
| HSL | hsl(36.9, 90.2%, 36.1%) |
| CMYK | cmyk(0%, 36.6%, 94.9%, 31.4%) |
How do I convert caramel to HSL?
Select caramel from the color name list in our color converter. The HSL value — hsl(36.9, 90.2%, 36.1%) — appears instantly alongside HEX, RGB, HSL and CMYK.
What color family does caramel belong to?
caramel belongs to the orange color family. It is a medium, vivid color with HSL values: hue 36.9°, saturation 90.2%, lightness 36.1%.
How do I create lighter and darker shades of caramel?
Lighter variant (lightness 51.1%): #f39c12. Darker variant (lightness 21.1%): #664105. 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.