#FFDD45 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bright, energetic yellow radiates warmth and spontaneity. Because it is highly saturated, #ffdd45 works best as a punchy accent rather than a full background color, where it can easily overwhelm the eye. Pair it with deep charcoal or navy text for high-contrast accessibility. The hex code for this glowing yellow is #ffdd45, making it an ideal choice for call-to-action buttons or highlights.
Questions about #ffdd45
What is #ffdd45 in RGB, HSL and CMYK?
In RGB, #ffdd45 is rgb(255, 221, 69), in HSL hsl(49, 100%, 64%) and in CMYK 0%, 13%, 73%, 0%.
What is the best way to use #ffdd45 in interface design?
Use #ffdd45 as a strategic, punchy accent color for call-to-action buttons or small visual highlights rather than a main background. It is highly saturated and quickly overwhelms the eye if used over large areas. Pair it with dark text for legibility.
Is #ffdd45 readable on white or black?
#ffdd45 has a 1.33:1 contrast ratio on white and 15.68: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.