Yellow Orange
Online color picker to view shades, tints, color codes, and complementary colors
Yellow-orange #fcb001 is a high-energy hue that commands immediate attention. Its intense saturation makes it difficult to use as a full background, but it functions perfectly as a 10% accent in UI elements or calls-to-action. It pairs surprisingly well with charcoal grays or deep navies to ground its warmth. Because it offers strong contrast with black text, #fcb001 ensures legibility for accessibility.
Questions about Yellow Orange
What is the hex code for Yellow Orange?
Yellow Orange is #fcb001. In RGB that is rgb(252, 176, 1), in HSL hsl(42, 99%, 50%) and in CMYK 0%, 30%, 100%, 1%.
How can I effectively pair #fcb001 in my UI design?
Is #fcb001 a good choice for text?
This yellow orange provides excellent contrast against black backgrounds, making it a reliable choice for accessible text or calls-to-action. However, avoid using it against white, as the lack of contrast will likely fail standard readability guidelines.
Is Yellow Orange readable on white or black?
Yellow Orange has a 1.85:1 contrast ratio on white and 11.34: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.