#D1C712 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, high-chroma yellow leans slightly into olive territory. It commands attention immediately, making it a natural fit for UI call-to-action buttons or alert banners. The hex code #d1c712 maintains strong legibility with black text, as the contrast ratio reaches 11.9:1. Because it is so saturated, use it sparingly as a small accent rather than a dominant background to avoid overwhelming the user.
Questions about #d1c712
What is #d1c712 in RGB, HSL and CMYK?
In RGB, #d1c712 is rgb(209, 199, 18), in HSL hsl(57, 84%, 45%) and in CMYK 0%, 5%, 91%, 18%.
How can I use #d1c712 in UI design effectively?
This color acts best as a high-visibility accent rather than a background. Use #d1c712 for small UI elements like primary call-to-action buttons or urgent alert banners where you need to draw the user's eye immediately without creating visual fatigue.
Is #d1c712 readable on white or black?
#d1c712 has a 1.76:1 contrast ratio on white and 11.88: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.