Deep Orange

A standard deep orange tone, the rich and full feeling of ripe fruit

HEX#FF8C00
RGBrgb(255, 140, 0)
HSLhsl(33, 100%, 50%)
HSVhsv(33, 100%, 100%)
CMYKcmyk(0%, 45%, 100%, 0%)
HEXA#FF8C00FF
RGBArgba(255, 140, 0, 1)
HSLAhsla(33, 100%, 50%, 1)
OKLCHoklch(84.9%, 0.174, 86)
LCHlch(82.1%, 81.3, 89)

🎨 Color Palettes

Analogous2-3 adjacent hues (≤60°)
Copy
#FF0D00
Copy
#FF8C00
Copy
#F2FF00
Triadic3 hues spaced 120° apart
Copy
#FF8C00
Copy
#00FF8C
Copy
#8C00FF
Split ComplementaryMain color + colors adjacent to its complement
Copy
#FF8C00
Copy
#00F2FF
Copy
#0D00FF
Complementary2 hues spaced 180° apart
Copy
#FF8C00
Copy
#0073FF
Tetradic (Rectangle)4 hues forming a rectangle
Copy
#FF8C00
Copy
#00FF0D
Copy
#0073FF
Copy
#FF00F2
MonochromaticSingle hue with varying saturation and lightness
Copy
#331C00
Copy
#995400
Copy
#FF8C00
Copy
#FFBA66
Copy
#FFE8CC

♿ WCAG Contrast Colors

Learn More →
Aa14px Body
High Contrast Text
#FFFDFARatio 2.3:1Fail
Suitable for body text, headings, and primary content, ensuring readability for all users
Aa14px Body
Standard Text
#FCFFC7Ratio 2.3:1Fail
Suitable for regular body content, meeting WCAG AA standards
Aa14px Body
Large Text / UI Components
#F4FFEBRatio 2.3:1Fail
Suitable for large text (≥18px bold or ≥24px), icons, UI component boundaries
Aa14px Body
Decorative / Dividers
#99FFD1Ratio 2:1Fail
Suitable for decorative elements, dividers, non-essential text
Lightness VariationFixed hue and saturation, proportional lightness scaling 30%→100%
#4D2A00Copy
#6B3B00Copy
#8A4C00Copy
#A35A00Copy
#C26B00Copy
#E07B00Copy
#FF8C00Copy
Saturation VariationFixed hue and lightness, proportional saturation scaling 40%→100%
#B3854DCopy
#BF8640Copy
#CC8733Copy
#D98826Copy
#E68A19Copy
#F28B0DCopy
#FF8C00Copy
Lightness + Saturation Mixed VariationSimultaneous lightness and saturation proportional scaling
#32271BCopy
#4C381FCopy
#694820Copy
#87571DCopy
#AC6816Copy
#D37A0DCopy
#FF8C00Copy
Hue Fine-TuningFixed saturation and lightness, stepwise hue fine-tuning ±15°
#FF4D00Copy
#FF6200Copy
#FF7700Copy
#FF8C00Copy
#FFA200Copy
#FFB700Copy
#FFCC00Copy

💡 Use Cases

⚠️

Safety Signage

The benchmark color for industrial and road warning signs, maintaining readability at a distance.

📱

App Icons

High saturation makes app icons stand out on a mobile phone desktop.

🎓

Online Education

Course progress bars and achievement badges, a motivating but not pressuring learning companion.

📊

Data Visualization

The core color for warm series in charts, clearly marking growth and hotspots.

📜 Origin & History

As a key node in the standardized color gamut, Deep Orange played a crucial role in the standardization process of industrial colors. In the early 20th century, with the globalization of the printing and dyeing industries, the International Color Society designated Deep Orange as the standard depth for the orange hue, becoming a benchmark color on color charts.

In optical research, Deep Orange corresponds to a wavelength of approximately 600 nanometers, one of the peak sensitivity regions for warm colors in the human eye's cone cells. This physical property gives Deep Orange extremely high recognizability even at long distances, making it widely used in traffic and maritime signals.

In the 1960s, Deep Orange became a favorite in Op Art and psychedelic design. Artists exploited the complementary contrast of Deep Orange and cobalt blue to create visual vibration effects, challenging viewers' perception of color boundaries.

Entering the digital age, Deep Orange became the standard 'Orange' in the CSS color specification. W3C included it in the web-safe color library, making it the most stable orange tone for cross-device display, widely used for notification badges and interactive feedback.

In contemporary design systems, Deep Orange is often chosen as a secondary color, paired with cool grays or deep blues to inject vitality while maintaining professionalism. FinTech and educational applications particularly favor this steady yet warm color.

🧠 Color Psychology

Full-bodiedAn undiluted, pure orange tone, conveying emotion in its most substantial form.
NoticeableIts highly visible wavelength makes it automatically pop out in any environment, actively drawing attention.
StandardAs the benchmark color for the orange tone, it possesses authority and universal recognition.
VitalityA moderately concentrated energy, outputting positivity continuously rather than in bursts.
BalancedPositioned between bright orange and brown-orange, it possesses both liveliness and composure.
ModernA digital-native chromatic vocabulary, naturally suited to contemporary screen-based media.