#899697 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Atmospheric is a muted, dusty cyan with significant grey undertones. Because it sits at a mid-tone lightness, this shade provides excellent readability for black text, making it a reliable choice for UI backgrounds. Use #899697 as a neutral base in tech or aerospace branding. It pairs well with crisp charcoal or deep navy, but avoid using it near stark white, as the contrast can feel washed out.
About Atmospheric
Fog sitting low over a cold harbor at first light
What does atmospheric mean?
Greyed blue-greens commonly bring to mind fog, weathered stone, and overcast coastal weather. Its low saturation and mid lightness make it subdued and steady, a color that stays in the background without turning cold.
Where you see atmospheric
- morning fog
- weathered zinc rooftops
- smooth river stones
- overcast water
- concrete in shade
- eucalyptus leaves
What it works for
Atmospheric works well as a calm background color, in muted interior palettes, and alongside brighter accents that need a restful base.
What colors go with atmospheric?
Terracotta #e2725bThe fired warmth of terracotta gives this cool grey a grounded, sun-baked counterpart.Cream #fffdd0Cream softens the ashy cast and keeps the pairing light and easy on the eye.Charcoal #36454fCharcoal deepens the grey side of Atmospheric and adds weight without introducing new hue.Mustard #ffdb58Mustard sits opposite on the wheel, so the pair feels balanced rather than flat.Dusty Rose #b56f76Dusty Rose shares the same muted weight, so neither color overpowers the other.Deep Teal #00555aDeep Teal extends the cyan undertone into darker water tones for a layered cool palette.
Questions about Atmospheric
What is the hex code for Atmospheric?
Atmospheric is #899697. In RGB that is rgb(137, 150, 151), in HSL hsl(184, 6%, 56%) and in CMYK 9%, 1%, 0%, 41%.
Is #899697 suitable for web interface text?
While #899697 works exceptionally well as a background color, it is generally too light for body text readability standards. Use it as a secondary background or UI accent color, ensuring you layer darker text over it to meet essential accessibility contrast requirements.
Is Atmospheric readable on white or black?
Atmospheric has a 3.05:1 contrast ratio on white and 6.87:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.