#F77F00 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

University of Tennessee Orange color codes graphic
University of Tennessee Orange is a high-octane hue that demands immediate attention. This saturated shade works best as a 10% accent color for calls to action or UI highlights where you need to guide the user eye. While it can be overwhelming as a background, it pairs surprisingly well with dark charcoal or deep navy tones. The hex code for this color is #f77f00.

About University of Tennessee Orange

Tangerine peel torn open under a hot afternoon sun

What does university of tennessee orange mean?

This orange often signals energy, warmth, and appetite, and it commonly stands for caution in signs and safety gear. At this saturation and mid-range lightness, the color comes across as loud and beaming, a hue that fills the space around it.

Where you see university of tennessee orange

  • tangerine peel
  • pumpkin pulp
  • marigolds
  • safety cones
  • basketballs
  • campfire embers

What it works for

Use it for calls to action, sale badges, and accents when you want attention without tipping into alarm-red urgency.

What colors go with university of tennessee orange?

Questions about University of Tennessee Orange

What is the hex code for University of Tennessee Orange?
University of Tennessee Orange is #f77f00. In RGB that is rgb(247, 127, 0), in HSL hsl(31, 100%, 48%) and in CMYK 0%, 49%, 100%, 3%.
How should I use #f77f00 in a UI design?
University of Tennessee Orange is a high-octane color that works best as a targeted accent for buttons or key call-to-action elements. Because it commands so much visual attention, keep its usage to 10% or less of your layout to avoid overwhelming the user interface.
Is University of Tennessee Orange readable on white or black?
University of Tennessee Orange has a 2.62:1 contrast ratio on white and 7.99:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.