#FFD600 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#ffd600 is an intense, high-saturation yellow that commands immediate attention. Best reserved as a 10% accent color for buttons or highlights, it feels too aggressive for large backgrounds. It offers exceptional readability with black text at a 14.9:1 contrast ratio, making it a reliable choice for UI elements. Pair it with dark charcoal for a balanced look. The hex code is #ffd600.
Questions about #ffd600
What is #ffd600 in RGB, HSL and CMYK?
In RGB, #ffd600 is rgb(255, 214, 0), in HSL hsl(50, 100%, 50%) and in CMYK 0%, 16%, 100%, 0%.
How should I use #ffd600 effectively in web design?
Reserve #ffd600 as a small 10% accent color for interactive elements like buttons, call-to-action triggers, or notification badges. Because this yellow is highly aggressive, it overwhelms large backgrounds but creates a powerful visual hierarchy when applied sparingly against dark, neutral surfaces.
What colors pair well with #ffd600 for a balanced look?
Pair #ffd600 with dark charcoal or deep, desaturated grays to anchor its intense energy. Using it alongside dark tones provides the necessary contrast to make the yellow pop without causing visual fatigue, which is essential for maintaining readable and professional interfaces.
Is #ffd600 readable on white or black?
#ffd600 has a 1.41:1 contrast ratio on white and 14.87: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.