Petula
Soft unsaturated red with gentle warmth
Petula is a soft, unsaturated red with a gentle warmth. While it functions well as a background, it can wash out against pure white. It pairs effectively with charcoal or deep navy for high-contrast UI elements. Because black text yields a readable 12.9:1 contrast ratio against this shade, it remains accessible for small body text. The hex code for this tone is #ffbab0.
Questions about Petula
What is the hex code for Petula?
Petula is #ffbab0. In RGB that is rgb(255, 186, 176), in HSL hsl(8, 100%, 85%) and in CMYK 0%, 27%, 31%, 0%.
How does Petula #ffbab0 perform in user interface design?
Is #ffbab0 considered a warm or cool color?
Petula leans warm due to its distinct red undertones, but its unsaturated, muted quality prevents it from feeling aggressive or overwhelming. This makes it a versatile choice for wellness or lifestyle brands that need to feel approachable and inviting without being overly saturated.
Is Petula readable on white or black?
Petula has a 1.62:1 contrast ratio on white and 12.90: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.