#FFCD3A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-chroma yellow #ffcd3a brings immediate intensity to any design. Because of its saturation, it works best as a sharp accent rather than a dominant background color. It pairs effectively with deep charcoal or navy blue to ground the brightness. Accessibility is excellent since standard black text holds a 14.0:1 contrast ratio against this hue, ensuring clear readability. The hex code is #ffcd3a.
Questions about #ffcd3a
What is #ffcd3a in RGB, HSL and CMYK?
In RGB, #ffcd3a is rgb(255, 205, 58), in HSL hsl(45, 100%, 61%) and in CMYK 0%, 20%, 77%, 0%.
What colors work best alongside #ffcd3a in a design?
Because #ffcd3a is so saturated, it anchors best when paired with deep charcoal or navy blue. These dark, grounding tones prevent the yellow from feeling overwhelming while maintaining a sophisticated, high-contrast aesthetic that directs the viewer's eye.
Is #ffcd3a suitable for use as a primary interface color?
It is generally better suited as an accent rather than a dominant background color due to its intense chroma. While it is highly visible, using it for large areas can quickly strain the eyes, so save this shade for buttons, callouts, or critical highlights.
Is #ffcd3a readable on white or black?
#ffcd3a has a 1.49:1 contrast ratio on white and 14.04: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.