#F94D00 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Tangelo is an intense, high-saturation orange that demands attention. Because it is so loud, this color works best as a 10% accent for calls to action or UI highlights rather than a large background. It pairs well with slate gray to temper its heat. This hex code, #f94d00, provides enough contrast for black text, ensuring readability in bold, small-scale applications.
Questions about Tangelo
What is the hex code for Tangelo?
Tangelo is #f94d00. In RGB that is rgb(249, 77, 0), in HSL hsl(19, 100%, 49%) and in CMYK 0%, 69%, 100%, 2%.
How should I use #f94d00 in a UI design?
Use #f94d00 sparingly as a 10% accent color rather than a primary background to avoid visual fatigue. It is most effective for high-priority calls to action, small UI highlights, or interactive elements that need to grab immediate user attention.
What colors pair well with #f94d00?
Pair #f94d00 with a neutral slate gray or deep charcoal to temper its intense heat. These darker, neutral tones provide enough visual balance to keep the design readable while allowing the orange to pop without overwhelming the layout.
Is Tangelo readable on white or black?
Tangelo has a 3.44:1 contrast ratio on white and 6.08:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.