orangewarmCC0 survey name

Faded Orange #F0944D

Faded Orange is a mid-tone, vivid warm color (#F0944D; HSL 26° 84% 62%). Name from the public-domain xkcd color survey (CC0), where it was contributed as “faded orange”.

Use cases: CTAs · Energy accents

Open in generator →

Families: Oranges · Coral Colors · Salmon Colors · Apricot Colors · Copper Colors

Color values

FormatValue
HEX#F0944D
RGBrgb(240, 148, 77)
HSLhsl(26, 84%, 62%)
HSVhsv(26, 68%, 94%)
OKLCHoklch(74.89% 0.14 56)
OKLaboklab(74.89% 0.0784 0.1163)
CMYKcmyk(0%, 38.3%, 67.9%, 5.9%)
XYZxyz(47.8684, 40.2456, 12.267)
CIE-LABlab(69.6, 28.7, 51.1)
CIE-LCHlch(69.6, 58.6, 60.7°)
Luminance0.402 (WCAG relative)
/* Faded Orange */ --faded-orange: #f0944d; color: #f0944d; background-color: #f0944d;

Source: xkcd color survey name (public domain, CC0). CSS keyword: fadedorange.

Collections: Vibrant Colors · Tropical Colors · Sunset Colors

Shade scale

Perceptual 50–950 scale, interpolated in CIE-LAB. Step 500 is the base color. Edit in the shade generator →

50
100
200
300
400
500
600
700
800
900
950

OKLCH ramp (perceptually uniform, modern CSS)

50
100
200
300
400
500
600
700
800
900
950

Shades (toward black)

#d58446 #bc753f #a26537 #8a5730 #72482a #5b3a23 #452d1c #302015 #1c140d #000000

Tints (toward white)

#f49f5f #f7a970 #fab481 #fdbe93 #ffc9a4 #ffd4b6 #ffdec8 #ffe9da #fff4ed #ffffff

Tones (toward gray)

#eb9657 #e59961 #df9b6a #d99d73 #d2a07d #cba286 #c4a48f #bca698 #b3a8a1 #aaaaaa

Color harmonies

Complementary

Edit in generator →
#F0944D
#4DA9F0
#f0944d #4da9f0

Analogous

Edit in generator →
#F04D58
#F0944D
#F0E64D
#f04d58 #f0944d #f0e64d

Triadic

Edit in generator →
#F0944D
#4DF094
#944DF0
#f0944d #4df094 #944df0

Tetradic

Edit in generator →
#F0944D
#58F04D
#4DA9F0
#E64DF0
#f0944d #58f04d #4da9f0 #e64df0

Square

Edit in generator →
#F0944D
#58F04D
#4DA9F0
#E64DF0
#f0944d #58f04d #4da9f0 #e64df0

Split Complementary

Edit in generator →
#F0944D
#4DF0E6
#4D58F0
#f0944d #4df0e6 #4d58f0

Monochromatic

Edit in generator →
#B3570F
#EB7215
#F0944D
#F5B685
#FAD8BE
#b3570f #eb7215 #f0944d #f5b685 #fad8be

Accessibility & contrast

2.32
#F0944D on #FFFFFF
AA text ✗AA large ✗AAA text ✗UI 3:1 ✗
9.05
#F0944D on #000000
AA text ✓AA large ✓AAA text ✓UI 3:1 ✓

Best text on faded orange

9.05
#000000 text

WCAG 2.1: AA needs ≥4.5:1 for normal text, ≥3:1 for large text and UI components; AAA needs ≥7:1 / ≥4.5:1. Open the contrast checker →

Color blindness preview

Simulation using the Machado et al. (2009) physiological model, severity 1.0. This is an approximation of perception — not a medical assessment.

Normal vision
Protanopia (red-blind)
#AF9E46
Deuteranopia (green-blind)
#C5B24D
Tritanopia (blue-blind)
#FF8184

Closest named colors

Nearest matches by CIEDE2000 perceptual distance (ΔE₀₀) across the full color database.

ColorNameΔE₀₀
Pastel Orange #FF964F3.00
Orangeish #FD8D494.16
Sandybrown #F4A4604.24
Dusty Orange #F0833A4.61
Pale Orange #FFA7565.44
Dull Orange #D8863B5.57

Colors that go with faded orange

Top matches by hue harmony, contrast and saturation compatibility.

Saddlebrown #8B4513
3.1:1
Same hue family as faded orange (Δh 1°) — guaranteed harmony
Maroon #800000
4.7:1
Analogous hue (Δh ≈26°) — neighbors on the color wheel
Bottle Green #044A05
4.5:1
Text-safe contrast with the anchor (4.55:1, passes WCAG AA)
6.4:1
Split-complementary angle (Δh ≈146°) — strong but softer than direct complement
Marine Blue #01386A
5.1:1
Complementary hue (Δh ≈178°) — maximum hue contrast

Values computed from the sRGB color model. CMYK is the naive sRGB conversion without an ICC profile. RGB percentages may differ between color-managed applications.