Quartz
Online color picker to view shades, tints, color codes, and complementary colors
Quartz is a pale, unsaturated violet that feels delicate and airy. Because this light tone has low saturation, it serves best as a subtle background rather than a main feature. It pairs exceptionally well with deep charcoal or slate greys to create a sophisticated balance. The hex code for Quartz is #d9d9f3, which offers high contrast with black text for accessible, readable body content.
Questions about Quartz
What is the hex code for Quartz?
Quartz is #d9d9f3. In RGB that is rgb(217, 217, 243), in HSL hsl(240, 52%, 90%) and in CMYK 11%, 11%, 0%, 5%.
How can I effectively use #d9d9f3 in a UI design?
#d9d9f3 functions best as a subtle background or neutral base in interface design, where its pale violet character adds visual interest without overpowering content. It pairs exceptionally well with charcoal or slate text to ensure high legibility and a refined, modern aesthetic.
Does the hex color #d9d9f3 lean warm or cool?
Quartz #d9d9f3 carries a cool, ethereal undertone typical of unsaturated violet hues. Because it sits on the cooler side of the spectrum, it maintains a crisp and clean appearance that works better for serene, minimalist themes than for high-energy or warm, cozy spaces.
Is Quartz readable on white or black?
Quartz has a 1.38:1 contrast ratio on white and 15.16: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.