Rose Quartz
Online color picker to view shades, tints, color codes, and complementary colors
Rose Quartz is a very light, desaturated peach-pink that functions best as a calming, neutral background. Because the color is high-key, black text maintains excellent readability against it, making the hex code #f7cac1 a solid choice for UI elements. It avoids the aggressive sweetness of brighter pinks, pairing effectively with charcoal grays for a clean, modern aesthetic. Use it to soften layouts without losing legibility.
Questions about Rose Quartz
What is the hex code for Rose Quartz?
Rose Quartz is #f7cac1. In RGB that is rgb(247, 202, 193), in HSL hsl(10, 77%, 86%) and in CMYK 0%, 18%, 22%, 3%.
Does #f7cac1 work well as a background for black text?
Rose Quartz provides an excellent high-contrast base for black or very dark gray text, maintaining strong legibility while feeling softer than a plain white background. It is a popular choice for interfaces that need to feel approachable and calm.
Which color palettes complement #f7cac1 best?
This color pairs beautifully with charcoal or deep slate tones, as the dark neutrals ground the light pink. For a softer, monochromatic look, you can also combine it with slightly deeper, dusty rose or muted terra-cotta shades.
Is Rose Quartz readable on white or black?
Rose Quartz has a 1.48:1 contrast ratio on white and 14.17: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.