#FFC580 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #ffc580 graphic
#ffc580 is a light, mellow orange that feels approachable and warm without becoming aggressive. Because of its high lightness, it functions best as a dominant base or a soft background in spring-themed designs. Pair it with deep charcoal text for excellent readability, as this combination offers strong contrast. While friendly, avoid using it for large blocks of text to prevent visual fatigue.

Questions about #ffc580

What is #ffc580 in RGB, HSL and CMYK?
In RGB, #ffc580 is rgb(255, 197, 128), in HSL hsl(33, 100%, 75%) and in CMYK 0%, 23%, 50%, 0%.
Which colors pair best with #ffc580 for text?
For optimal readability, pair #ffc580 with dark neutrals like charcoal or deep espresso. Because #ffc580 is high in lightness, using dark text creates the necessary contrast ratio to ensure your content remains accessible and easy for readers to scan.
Is #ffc580 suitable for large blocks of website text?
It is generally not recommended to use #ffc580 for large paragraphs of body text. Its high brightness and saturation can cause significant visual fatigue over time, making it much better suited for UI accents, call-to-action buttons, or decorative background elements.
Is #ffc580 readable on white or black?
#ffc580 has a 1.54:1 contrast ratio on white and 13.55: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.