Light Orange

Diluted soft warm orange, like the faint glimmer of dusk

HEX#FFCC80
RGBrgb(255, 204, 128)
HSLhsl(36, 100%, 75%)
HSVhsv(36, 50%, 100%)
CMYKcmyk(0%, 20%, 50%, 0%)
HEXA#FFCC80FF
RGBArgba(255, 204, 128, 1)
HSLAhsla(36, 100%, 75%, 1)
OKLCHoklch(93.7%, 0.062, 82)
LCHlch(92.6%, 20.3, 108)

🎨 Color Palettes

Analogous2-3 adjacent hues (≤60°)
Copy
#FF8C80
Copy
#FFCC80
Copy
#F2FF80
Triadic3 hues spaced 120° apart
Copy
#FFCC80
Copy
#80FFCC
Copy
#CC80FF
Split ComplementaryMain color + colors adjacent to its complement
Copy
#FFCC80
Copy
#80F2FF
Copy
#8C80FF
Complementary2 hues spaced 180° apart
Copy
#FFCC80
Copy
#80B3FF
Tetradic (Rectangle)4 hues forming a rectangle
Copy
#FFCC80
Copy
#80FF8C
Copy
#80B3FF
Copy
#FF80F2
MonochromaticSingle hue with varying saturation and lightness
Copy
#B36B00
Copy
#FFA31A
Copy
#FFCC80
Copy
#FFF5E5
Copy
#FFFFFF

♿ WCAG Contrast Colors

Learn More →
Aa14px Body
High Contrast Text
#5C3700Ratio 7.1:1AAA
Suitable for body text, headings, and primary content, ensuring readability for all users
Aa14px Body
Standard Text
#576100Ratio 4.6:1AA
Suitable for regular body content, meeting WCAG AA standards
Aa14px Body
Large Text / UI Components
#378A00Ratio 3:1AA Large
Suitable for large text (≥18px bold or ≥24px), icons, UI component boundaries
Aa14px Body
Decorative / Dividers
#00AD68Ratio 2:1Fail
Suitable for decorative elements, dividers, non-essential text
Lightness VariationFixed hue and saturation, proportional lightness scaling 30%→100%
#754600Copy
#9E5F00Copy
#CC7A00Copy
#FA9600Copy
#FFA724Copy
#FFBA52Copy
#FFCC80Copy
Saturation VariationFixed hue and lightness, proportional saturation scaling 40%→100%
#D9C4A6Copy
#DFC69FCopy
#E6C799Copy
#ECC893Copy
#F2C98CCopy
#F9CB86Copy
#FFCC80Copy
Lightness + Saturation Mixed VariationSimultaneous lightness and saturation proportional scaling
#4C3E29Copy
#70562ECopy
#9C7130Copy
#CE8D2CCopy
#E6A23DCopy
#F5B85CCopy
#FFCC80Copy
Hue Fine-TuningFixed saturation and lightness, stepwise hue fine-tuning ±15°
#FFAC80Copy
#FFB780Copy
#FFC180Copy
#FFCC80Copy
#FFD780Copy
#FFE180Copy
#FFEC80Copy

💡 Use Cases

👶

Baby Products

A safe, soft, gender-neutral color, cherishing the tender moments of newborn life.

🍰

Baked Goods

The appetizing color of cream and chiffon cakes, visually emitting a faint sweetness.

📖

Stationery & Journals

Soft paper and ink colors, turning writing and journaling into a relaxing activity.

🛋️

Linen Fabrics

Plain cotton-linen sofa covers and curtains, creating a breathable warmth.

📜 Origin & History

Light Orange was not easily achieved in the ancient pigment industry, as natural dyes struggled to attain such high lightness with stable color fastness. It was only during the Renaissance that Italian painters began mixing lead white with orange-yellow to create light orange glazes for highlighting skin tones in portraits.

In the 18th-century Rococo era, the court fashion led by Madame de Pompadour favored soft colors. Light Orange appeared on noblewomen's taffeta panniers and fans, warmer than pure white yet less ostentatious than gold, becoming the most decorous color for afternoon salons in Versailles.

At the end of the 19th century, Art Nouveau artists drew inspiration from plant forms. Light Orange was used by Alphonse Mucha in his lithograph posters to render the halos around women's hair, creating an otherworldly elegance and dreamlike quality.

In the 1950s, during Italy's post-war economic recovery, Light Orange was widely used in home design. Nordic designers also introduced it into the color systems of plywood furniture, injecting a touch of human warmth into stark Modernism.

Today, Light Orange serves as a safe warm color in web design, appearing extensively in lifestyle apps and parenting platforms. It retains the warmth of orange without causing the visual fatigue of high-saturation hues, serving as a gentle haven in the digital world.

🧠 Color Psychology

Mellow WarmthLike the color of honey water, bringing a warmth that is comforting without being overwhelming.
InnocenceLow-saturation pastels evoke childhood memories of cotton candy and bygone days.
TranquilityVisually non-aggressive, suitable for quiet atmospheres requiring prolonged presence.
InclusiveActs like a soft-focus filter, neutralizing the harshness of an environment, accepting all states of being.
NascentLike the color of fledgling down, symbolizing new beginnings and a promising future.
HealingA hue like almond milk, offering wordless comfort in times of fatigue.