Orangish to HSL

Color Code

#fc824a
Format Value
HEX #fc824a
RGB rgb(252, 130, 74)
HSL hsl(18.9, 96.7%, 63.9%)
CMYK cmyk(0%, 48.4%, 70.6%, 1.2%)
HSV hsv(18.9, 70.6%, 98.8%)

orangish color harmonies

Tints & shades of orangish

Tints (lighter)

#fc8d5a #fd996b #fda47b #fdaf8c #fdbb9c #fec6ad #fed2bd #feddce #fee8de #fff4ef

Shades (darker)

#e57643 #ce6a3d #b75f36 #a0532f #894728 #733b22 #5c2f1b #452314 #2e180d #170c07

Contrast & accessibility

The quick brown fox

On white · 2.49:1 · Fail

The quick brown fox

On black · 8.43:1 · AAA

Recommended text color: #000000

Use orangish in code

CSS color: #fc824a;
SCSS $color: #fc824a;
Tailwind bg-[#fc824a]
Swift UIColor(red: 0.988, green: 0.510, blue: 0.290, alpha: 1)
Android Color.parseColor("#fc824a")
Flutter Color(0xFFFC824A)

Colors similar to orangish

Browse all Orange colors →

What is the HSL code for orangish?

The CSS color orangish in HSL format is hsl(18.9, 96.7%, 63.9%). Use this value directly in CSS, SVG, and most design tools.

How do I use orangish in CSS?

To apply orangish in CSS:

  • Text color: color: hsl(18.9, 96.7%, 63.9%);
  • Background: background-color: hsl(18.9, 96.7%, 63.9%);
  • Border: border-color: hsl(18.9, 96.7%, 63.9%);

What are all the color format values for orangish?

FormatValue
HEX#fc824a
RGBrgb(252, 130, 74)
HSLhsl(18.9, 96.7%, 63.9%)
CMYKcmyk(0%, 48.4%, 70.6%, 1.2%)

How do I convert orangish to HSL?

Select orangish from the color name list in our color converter. The HSL value — hsl(18.9, 96.7%, 63.9%) — appears instantly alongside HEX, RGB, HSL and CMYK.

What color family does orangish belong to?

orangish belongs to the orange color family. It is a medium, vivid color with HSL values: hue 18.9°, saturation 96.7%, lightness 63.9%.

How do I create lighter and darker shades of orangish?

Lighter variant (lightness 78.9%): #fdb695. Darker variant (lightness 48.9%): #f55004. 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.