#FCB80E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-saturation yellow demands attention. Its bright, warm character makes it a natural fit for UI accents like sale buttons or construction warning icons where visibility is the main priority. Because the hex code #fcb80e maintains a 12.0:1 contrast ratio against black text, it works well for small, readable body copy. Use it sparingly as a 10 percent accent, as it can overwhelm larger backgrounds.
Questions about #fcb80e
What is #fcb80e in RGB, HSL and CMYK?
In RGB, #fcb80e is rgb(252, 184, 14), in HSL hsl(43, 98%, 52%) and in CMYK 0%, 27%, 94%, 1%.
How should I use #fcb80e in UI design?
Use #fcb80e sparingly as a 10 percent accent color to avoid overwhelming your interface. Because it commands attention immediately, it works best for interactive elements like sale buttons, call-to-action triggers, or critical warning icons where high visibility is a functional requirement.
Is #fcb80e readable on white or black?
#fcb80e has a 1.74:1 contrast ratio on white and 12.00: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.