#DFE2E4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Porcelain Jasper is a pale, bleached grey that feels airy and neutral without being stark. Because it offers strong contrast with black text, it works well as a background for minimal interfaces or typography. The hex code for this delicate, desaturated shade is #dfe2e4. Use it to provide a stable, sophisticated base that softens the hard edges of pure white.
About Porcelain Jasper
First frost on a stone windowsill
What does porcelain jasper mean?
Porcelain jasper often suggests softness, cleanliness, and quiet stillness, since pale grey tones appear in fog, stone, and glazed ceramics. Its near-white lightness and whisper of blue-grey make it feel airy, understated, and washed clean of any strong opinion.
Where you see porcelain jasper
- glazed porcelain dishes
- sea fog
- polished river stones
- chalk dust
- bleached driftwood
- eggshells
What it works for
It works well as a background color that lets darker text, warm wood tones, or bolder accents carry the design.
What colors go with porcelain jasper?
Terracotta #e2725bThe warm red-orange clay tone grounds this cool pale grey and keeps it from feeling cold.Sage #9caf88Soft green sits close to its own lightness, so the pair reads gentle and evenly balanced.Charcoal #36454fA deep grey gives this faint color something firm to press against without clashing.Blush #de5d83A pale pink adds warmth to the cool grey while staying in the same hushed register.Midnight Navy #364251Dark blue sharpens the faint cool tint in this color and adds weight and depth.
Questions about Porcelain Jasper
What is the hex code for Porcelain Jasper?
Porcelain Jasper is #dfe2e4. In RGB that is rgb(223, 226, 228), in HSL hsl(204, 8%, 88%) and in CMYK 2%, 1%, 0%, 11%.
Does #dfe2e4 work well for UI backgrounds?
Porcelain Jasper acts as an excellent, non-stark alternative to pure white when you need a subtle, airy background for minimal interface designs. It ensures high readability for black or dark grey text, providing a stable, professional base that keeps layouts from feeling clinical or cold.
Is Porcelain Jasper readable on white or black?
Porcelain Jasper has a 1.30:1 contrast ratio on white and 16.13: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.