Red orange to HSL — Color Code

Q: What is the HSL code for red orange?

The CSS color red orange in HSL format is hsl(13.1, 98.4%, 50.8%) . Use this value directly in CSS, SVG, and most design tools.

Q: How do I use red orange in CSS?

To apply red orange in CSS: Text color: color: hsl(13.1, 98.4%, 50.8%); Background: background-color: hsl(13.1, 98.4%, 50.8%); Border: border-color: hsl(13.1, 98.4%, 50.8%);

Q: How do I convert red orange to HSL?

Select red orange from the color name list in our color converter . The HSL value — hsl(13.1, 98.4%, 50.8%) — appears instantly alongside HEX, RGB, HSL and CMYK.

Q: How do I create lighter and darker shades of red orange?

Lighter variant (lightness 65.8%): #fe7752 . Darker variant (lightness 35.8%): #b52901 . These values are computed by adjusting HSL lightness ±15% while keeping the same hue and saturation.

What is the HSL code for red orange?

The CSS color red orange in HSL format is hsl(13.1, 98.4%, 50.8%). Use this value directly in CSS, SVG, and most design tools.

How do I use red orange in CSS?

To apply red orange in CSS:

Text color: color: hsl(13.1, 98.4%, 50.8%);
Background: background-color: hsl(13.1, 98.4%, 50.8%);
Border: border-color: hsl(13.1, 98.4%, 50.8%);

What are all the color format values for red orange?

Format	Value
HEX	#fd3c06
RGB	rgb(253, 60, 6)
HSL	hsl(13.1, 98.4%, 50.8%)
CMYK	cmyk(0%, 76.3%, 97.6%, 0.8%)

How do I convert red orange to HSL?

Select red orange from the color name list in our color converter. The HSL value — hsl(13.1, 98.4%, 50.8%) — appears instantly alongside HEX, RGB, HSL and CMYK.

What color family does red orange belong to?

red orange belongs to the red color family. It is a medium, vivid color with HSL values: hue 13.1°, saturation 98.4%, lightness 50.8%.

How do I create lighter and darker shades of red orange?

Lighter variant (lightness 65.8%): #fe7752. Darker variant (lightness 35.8%): #b52901. 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.