#FFCB21 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-energy yellow commands attention with its intense, saturated glow. Because it is so dominant, the hex code #ffcb21 functions best as a small accent to direct user focus toward calls to action or sale alerts. It offers excellent legibility with black text, as the contrast ratio reaches 13.8:1. Use it sparingly, as a large background field can quickly overwhelm a UI design.
Questions about #ffcb21
What is #ffcb21 in RGB, HSL and CMYK?
In RGB, #ffcb21 is rgb(255, 203, 33), in HSL hsl(46, 100%, 56%) and in CMYK 0%, 20%, 87%, 0%.
How can I use #ffcb21 effectively in a UI design?
Use #ffcb21 strictly as a small accent color, such as for buttons or notification badges, rather than a large background field. Because of its intense saturation, it can quickly overwhelm a user interface if it dominates the color palette.
Is #ffcb21 readable on white or black?
#ffcb21 has a 1.51:1 contrast ratio on white and 13.81: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.