Kingly Cloud
A crisp and sophisticated pale grey
Kingly Cloud is a pale, bleached grey that feels airy and clean. It acts as a sophisticated neutral background that avoids the starkness of pure white. The hex code for this color is #dedede. Because it offers strong contrast, designers use it to ensure black typography remains readable. This balance makes it a standard choice for minimal interface design and clean, open layouts.
About Kingly Cloud
Fog on a bathroom mirror, just starting to lift
What does kingly cloud mean?
A near-white grey often reads as neutral, empty, or calm, so people commonly use it for backgrounds, quiet spaces, and minimal design. Its high lightness and almost zero saturation make it feel weightless and faded, like a surface holding no color of its own.
Where you see kingly cloud
- laptop casings
- concrete sidewalks
- pearl buttons
- photography backdrops
- aluminum siding
- fresh snow under overcast skies
What it works for
Use it as a page background, a card surface, or a divider shade where white is too stark but darker greys feel heavy.
What colors go with kingly cloud?
Deep Teal #00555aThe dark blue-green carries the weight this near-white grey refuses to hold.Charcoal #36454fA near-black grey against a near-white grey gives clean, tonal depth without hue.Burgundy #800020The deep red warms up a colorless base and pulls attention forward.Mustard #ffdb58Muted yellow on faded grey feels worn-in and deliberate, not loud.
Questions about Kingly Cloud
What is the hex code for Kingly Cloud?
Kingly Cloud is #dedede. In RGB that is rgb(222, 222, 222), in HSL hsl(0, 0%, 87%) and in CMYK 0%, 0%, 0%, 13%.
Does Kingly Cloud (#dedede) work well for UI design?
Kingly Cloud is an excellent choice for UI backgrounds because it provides just enough separation from pure white to define containers without causing eye strain. It ensures that standard black text maintains high accessibility contrast while feeling lighter than standard gray.
Is Kingly Cloud readable on white or black?
Kingly Cloud has a 1.34:1 contrast ratio on white and 15.60: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.