#FFD166 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Warm and moderately saturated, #ffd166 is a light yellow with a soft orange undertone and upbeat energy. Use it as a small accent for sale graphics, construction branding, or budget-focused interfaces against navy or charcoal. Black text reads clearly on this shade, making it suitable for accessible labels and buttons. The hex code for this color is #ffd166.
Questions about #ffd166
What is #ffd166 in RGB, HSL and CMYK?
In RGB, #ffd166 is rgb(255, 209, 102), in HSL hsl(42, 100%, 70%) and in CMYK 0%, 18%, 60%, 0%.
What colors pair well with #ffd166?
Navy and charcoal pair well with #ffd166, giving its warm yellow-orange tone a grounded, high-contrast backdrop while preserving a lively accent; use them for text, borders, panels, or larger areas behind buttons and labels. Check the final combination for accessibility.
Is #ffd166 a warm or cool color?
#ffd166 reads as a warm light yellow because its yellow base leans toward orange rather than green, creating a sunny, upbeat impression that feels friendly in accents, promotional graphics, and interfaces needing energy without a harsh neon effect.
Is #ffd166 readable on white or black?
#ffd166 has a 1.44:1 contrast ratio on white and 14.56: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.