Romantic
A mellow and approachable pastel orange
Romantic is a mellow, pastel orange that feels light and approachable. Its low saturation keeps it from overwhelming a layout, making it an ideal choice for background washes or gentle UI accents. Pair it with deep charcoal text for excellent legibility. The hex code for this soft shade is #ffc69e, which works best when supporting brighter, more energetic colors in your design system.
Questions about Romantic
What is the hex code for Romantic?
Romantic is #ffc69e. In RGB that is rgb(255, 198, 158), in HSL hsl(25, 100%, 81%) and in CMYK 0%, 22%, 38%, 0%.
What colors pair best with the Romantic shade #ffc69e?
Deep charcoal or slate grays create the best contrast, allowing the soft warmth of #ffc69e to remain readable without becoming overwhelming. Avoid pairing it with very pale pastels, which can wash out the layout entirely.
Is #ffc69e suitable for primary text in a UI?
No, this pastel orange lacks the contrast required for accessible body text on white or light backgrounds. Use #ffc69e primarily for background washes, gentle button accents, or illustration elements that support darker, high-contrast typography.
Is Romantic readable on white or black?
Romantic has a 1.51:1 contrast ratio on white and 13.82: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.