#BBC8C9 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Oceanic Climate is a faded, pale cyan that leans heavily into grey undertones. Its desaturated quality makes it a reliable neutral base for minimalist web interfaces, where it provides ample contrast for black text. While it can look washed out next to pure white, it pairs effectively with dark charcoals or deep navy tones. The hex code for this color is #bbc8c9.
About Oceanic Climate
Fog lifting off cold water at first light
What does oceanic climate mean?
This greyed cyan often suggests overcast coastlines, worn stone, and air that carries salt or rain. Its high lightness and low saturation give it a soft, faded presence.
Where you see oceanic climate
- sea glass
- overcast sky
- bleached driftwood
- porcelain tile
- dove feathers
- fog on a window
What it works for
Use it as a calm background in spa branding, bathroom tile, bedding, or interface themes that need a cool, restful neutral.
What colors go with oceanic climate?
Deep Teal #00555aThe darker teal anchors this pale grey and keeps the watery feel without washing out.Terracotta #e2725bWarm clay pushes against the cool grey, creating balance and a quiet coastal warmth.Dusty Rose #b56f76Both colors are muted, so the pink softens the grey and adds gentle warmth.Charcoal #36454fA near-black charcoal gives this light shade structure and clear definition.
Questions about Oceanic Climate
What is the hex code for Oceanic Climate?
Oceanic Climate is #bbc8c9. In RGB that is rgb(187, 200, 201), in HSL hsl(184, 11%, 76%) and in CMYK 7%, 0%, 0%, 21%.
Does #bbc8c9 work well for UI text or buttons?
It works best as a background color or decorative element, paired with a dark, high-contrast color like charcoal for readability. Due to its desaturated nature, it fails typical accessibility contrast ratios when placed directly against white or very light text.
Is Oceanic Climate readable on white or black?
Oceanic Climate has a 1.71:1 contrast ratio on white and 12.21: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.