#FFC680 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This light, unsaturated orange brings a mellow, glowing warmth to any design. Because it lacks intensity, #ffc680 works best as an accent color rather than a dominant background. Pair it with deep charcoal or slate blue to create visual interest. Since black text provides excellent contrast against this shade, it is a safe choice for legible UI elements in branding or youth-focused marketing campaigns.
Questions about #ffc680
What is #ffc680 in RGB, HSL and CMYK?
In RGB, #ffc680 is rgb(255, 198, 128), in HSL hsl(33, 100%, 75%) and in CMYK 0%, 22%, 50%, 0%.
What colors pair well with #ffc680 in design?
#ffc680 looks best when grounded by dark, high-contrast neutrals like charcoal or deep navy. Because this orange is quite light and unsaturated, pairing it with dark tones creates a balanced, professional look without overwhelming the viewer.
Is #ffc680 a good choice for UI text?
Using #ffc680 for body text is generally not recommended due to low contrast against standard white backgrounds. However, it functions effectively as an accent color for buttons or highlights when paired with bold black text for readability.
Is #ffc680 readable on white or black?
#ffc680 has a 1.53:1 contrast ratio on white and 13.64: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.