≈ Xoxo
#F37B9A is closest to Xoxo in our library. Xoxo (#F37B9A) is a light, moderately saturated pink with a warm feel. It has a hue angle of 345° and a lightness of 73%. Its moderate saturation keeps it lively without shouting.
About this color
What Xoxo looks like, feels like and where it works.
Description
Xoxo (#F37B9A) is a light, moderately saturated pink with a warm feel. It has a hue angle of 345° and a lightness of 73%. Its moderate saturation keeps it lively without shouting.
Psychology
Pink softens red with white. It reads as caring, warm and playful, and ranges from bubblegum energy to sophisticated blush. As a light shade, Xoxo feels airy and gentle.
Meaning
Pink is tied to romance, kindness and youth. Its link to girls and baby clothes is a modern convention, not a fixed meaning.
Why use this color
Xoxo is an easy supporting color. Dark text is easy to read on it, so it works as a surface, highlight or card background. Pair it with its tints and shades for a complete scale.
Applications
- Beauty, fashion and lifestyle
- Celebrations and weddings
- Friendly, expressive brands
- Soft backgrounds and highlights
History
The color is named after the flower called a pink (Dianthus), and first appears as a color name in the 1600s.
Accessibility
White text on Xoxo has a contrast ratio of 2.58:1 (fails); black text has 8.11:1 (AAA). WCAG AA needs 4.5:1 for body text and 3:1 for large text and interface parts. Do not rely on color alone to carry meaning: pair it with text, an icon or a pattern.
Variations of Xoxo
Tailwind-style scale
Color harmonies of Xoxo
Want to explore these on a wheel? Open the color wheel.
Color blindness simulator
These are approximations to help you check that meaning never depends on color alone. Real vision varies from person to person.