Faded orange Color — HEX, RGB, HSL & CMYK Codes

#f0944d
Format Value
HEX #f0944d
RGB rgb(240, 148, 77)
HSL hsl(26.1, 84.5%, 62.2%)
CMYK cmyk(0%, 38.3%, 67.9%, 5.9%)
HSV hsv(26.1, 67.9%, 94.1%)

faded orange color harmonies

Tints & shades of faded orange

Tints (lighter)

#f19e5d #f3a76d #f4b17e #f5bb8e #f7c59e #f8ceae #fad8be #fbe2ce #fcecdf #fef5ef

Shades (darker)

#da8746 #c4793f #af6c38 #995e31 #83512a #6d4323 #57361c #412815 #2c1b0e #160d07

Contrast & accessibility

The quick brown fox

On white · 2.32:1 · Fail

The quick brown fox

On black · 9.05:1 · AAA

Recommended text color: #000000

Use faded orange in code

CSS color: #f0944d;
SCSS $color: #f0944d;
Tailwind bg-[#f0944d]
Swift UIColor(red: 0.941, green: 0.580, blue: 0.302, alpha: 1)
Android Color.parseColor("#f0944d")
Flutter Color(0xFFF0944D)

Colors similar to faded orange

Browse all Orange colors →

What is the HEX code for faded orange?

The CSS color faded orange in HEX format is #f0944d. Use this value directly in CSS, SVG, and most design tools.

How do I use faded orange in CSS?

To apply faded orange in CSS:

  • Text color: color: #f0944d;
  • Background: background-color: #f0944d;
  • Border: border-color: #f0944d;

What are all the color format values for faded orange?

FormatValue
HEX#f0944d
RGBrgb(240, 148, 77)
HSLhsl(26.1, 84.5%, 62.2%)
CMYKcmyk(0%, 38.3%, 67.9%, 5.9%)

How do I convert faded orange to HEX?

Select faded orange from the color name list in our color converter. The HEX value — #f0944d — appears instantly alongside HEX, RGB, HSL and CMYK.

What color family does faded orange belong to?

faded orange belongs to the orange color family. It is a medium, vivid color with HSL values: hue 26.1°, saturation 84.5%, lightness 62.2%.

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

Lighter variant (lightness 77.2%): #f6be94. Darker variant (lightness 47.2%): #de6b13. These values are computed by adjusting HSL lightness ±15% while keeping the same hue and saturation.

What is HEX used for?

HEX color codes are used in CSS, HTML and design tools. They encode red, green and blue as two hexadecimal digits each (00–FF), forming a compact 6-character code like #ff0000.