#F5AF00 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-saturation yellow-orange demands attention with its intense, glowing warmth. Because #f5af00 is so aggressive, it functions best as a high-impact accent color rather than a large background fill. Black text maintains an excellent 11.0:1 contrast ratio against this hex code, making it a reliable choice for buttons or warning signage that requires immediate readability.
Questions about #f5af00
What is #f5af00 in RGB, HSL and CMYK?
In RGB, #f5af00 is rgb(245, 175, 0), in HSL hsl(43, 100%, 48%) and in CMYK 0%, 29%, 100%, 4%.
How should I use #f5af00 in a UI design?
Apply #f5af00 sparingly as a high-impact accent color for call-to-action buttons or important alert banners. Because this shade is so aggressive, using it for large background fills will likely overwhelm the viewer and distract from your primary content.
Is #f5af00 readable on white or black?
#f5af00 has a 1.90:1 contrast ratio on white and 11.01: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.