#F5881A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#f5881a is a saturated, high-intensity orange that demands immediate attention. Due to its extreme brightness, use this color sparingly as a 10% accent rather than a dominant background. It pairs exceptionally well with deep charcoal or navy blue to ground its intensity. Because black text maintains a high contrast ratio against this hex code, it remains legible for bold, standout call to action buttons.
Questions about #f5881a
What is #f5881a in RGB, HSL and CMYK?
In RGB, #f5881a is rgb(245, 136, 26), in HSL hsl(30, 92%, 53%) and in CMYK 0%, 44%, 89%, 4%.
What colors pair effectively with #f5881a?
How should #f5881a be used in user interfaces?
Due to its extreme intensity, #f5881a is most effective when reserved for small UI elements like buttons or notification badges. Using it for large backgrounds can cause visual fatigue, so limit its application to approximately ten percent of your total screen area.
Is #f5881a readable on white or black?
#f5881a has a 2.49:1 contrast ratio on white and 8.41: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.