#FFC100 Hex Color
A high-energy yellow that demands attention
This high-energy yellow is bright, saturated, and impossible to ignore. Because of its aggressive chroma, #ffc100 functions best as a focused accent rather than a full background. Pair it with deep charcoal or slate greys to ground the warmth and ensure readability. The hex code #ffc100 offers strong contrast, allowing black text to remain legible for interface elements like buttons or notification badges.
Questions about #ffc100
What is #ffc100 in RGB, HSL and CMYK?
In RGB, #ffc100 is rgb(255, 193, 0), in HSL hsl(45, 100%, 50%) and in CMYK 0%, 24%, 100%, 0%.
What colors pair well with the vibrant #ffc100?
#ffc100 looks best when grounded by dark, neutral tones to maintain readability. Try using charcoal or deep slate grays for text, or experiment with violet or deep purple complements to create a bold, high-contrast palette for your UI designs.
Is #ffc100 readable on white or black?
#ffc100 has a 1.63:1 contrast ratio on white and 12.87: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.