#FDC680 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pastel orange is light, warm, and friendly. Because it sits on the unsaturated side of the spectrum, it works best as a supporting tone or background rather than a dominant color. Pair #fdc680 with deep charcoal grays to ground its cheerful nature, as it offers enough contrast for readable black text. The hex code #fdc680 shines in playful, youth-focused designs or seasonal marketing themes.
Questions about #fdc680
What is #fdc680 in RGB, HSL and CMYK?
In RGB, #fdc680 is rgb(253, 198, 128), in HSL hsl(34, 97%, 75%) and in CMYK 0%, 22%, 49%, 1%.
How should I use #fdc680 in web design?
#fdc680 works best as a background or supporting accent rather than a primary text color due to its low contrast against white. Pair this soft orange with dark charcoal text to ensure readability and create a balanced, modern visual hierarchy.
Does #fdc680 pair well with other bright colors?
This unsaturated orange sits comfortably alongside muted earth tones or cool blues. When designing palettes, try placing #fdc680 next to navy or sage for a sophisticated contrast that feels both playful and grounded without overwhelming the viewer's eye.
Is #fdc680 readable on white or black?
#fdc680 has a 1.54:1 contrast ratio on white and 13.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.