#D2D301 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-voltage, chartreuse-leaning yellow demands immediate attention. Due to its extreme saturation, it works best as a small accent like a call-to-action button rather than a primary background. Pair it with dark grays or black to maintain legibility, as black text meets accessibility standards on this shade. The hex code for this aggressive, energetic tone is #d2d301.
Questions about #d2d301
What is #d2d301 in RGB, HSL and CMYK?
In RGB, #d2d301 is rgb(210, 211, 1), in HSL hsl(60, 99%, 42%) and in CMYK 0%, 0%, 100%, 17%.
What makes #d2d301 difficult to use in web design?
#d2d301 is so highly saturated that it often causes visual vibration or eye strain when used as a background. Instead, use this high-voltage shade for small UI elements like buttons to maintain accessibility and capture user attention against charcoal text.
Which colors pair effectively with #d2d301 for balance?
Balancing #d2d301 requires deep, neutral tones to ground its electric energy. Deep navy or rich charcoal provide the necessary contrast to make the yellow pop without overwhelming the viewer, ensuring your layout remains functional, readable, and visually sophisticated for your users.
Is #d2d301 readable on white or black?
#d2d301 has a 1.60:1 contrast ratio on white and 13.05: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.