#FFCB00 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-saturation yellow is punchy, aggressive, and impossible to ignore. Its intensity makes it better as a 10% accent for buttons or alerts than a dominant background, as it can easily overwhelm the eye. Pair #ffcb00 with deep charcoal or navy to maximize readability. Because it offers strong contrast against black, the hex code #ffcb00 works well for high-visibility UI elements like warning icons or sale banners.
Questions about #ffcb00
What is #ffcb00 in RGB, HSL and CMYK?
In RGB, #ffcb00 is rgb(255, 203, 0), in HSL hsl(48, 100%, 50%) and in CMYK 0%, 20%, 100%, 0%.
How should I use #ffcb00 in UI design?
Use #ffcb00 as a 10% accent color for alerts, call-to-action buttons, or error states. Because the color is so aggressive, avoid using it as a large background fill, which can easily overwhelm the viewer and make text difficult to read.
Which colors pair well with #ffcb00?
Is #ffcb00 readable on white or black?
#ffcb00 has a 1.52:1 contrast ratio on white and 13.79: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.