#B0BEC5 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Ocean Drive is a muted, dusty blue with heavy gray undertones. Because of its low saturation, it functions best as a neutral base or a background color for professional UI layouts. The hex code #b0bec5 provides excellent contrast for black text, making it highly readable for interface design. Pair this shade with charcoal or navy to build a reliable, clean aesthetic without appearing too cold.
About Ocean Drive
Fog on a car hood at dawn
What does ocean drive mean?
Ashy blues like this one often bring to mind overcast water, worn denim, and empty beaches before the crowds arrive. It sits near the middle in lightness with low saturation, so it reads as soft, flat, and slightly cooled down.
Where you see ocean drive
- storm clouds
- concrete in rain
- washed denim
- dusty sea glass
- galvanized metal
- winter lake water
What it works for
This muted blue works well as a calm background that lets brighter colors and dark text carry the page.
What colors go with ocean drive?
Mustard #ffdb58The warm yellow cuts through the cool grey like late sun through fog.Charcoal #36454fA dark neutral keeps the ashiness intact without dulling the blue.Blush #de5d83A dusty pink shares its low saturation and warms the coolness gently.Olive #808000Muted green against muted blue reads natural, like driftwood and sea grass.Cream #fffdd0An off white softens the grey cast and keeps the pairing airy.Rust #b7410eBurnt orange sits opposite on the wheel, giving strong contrast with equal dustiness.
Questions about Ocean Drive
What is the hex code for Ocean Drive?
Ocean Drive is #b0bec5. In RGB that is rgb(176, 190, 197), in HSL hsl(200, 15%, 73%) and in CMYK 11%, 4%, 0%, 23%.
What makes #b0bec5 suitable for UI design?
The #b0bec5 hex color offers excellent contrast ratios against black text, making it highly readable for interface design. Its low saturation ensures it acts as a stabilizing neutral background without overwhelming the primary content or feeling too cold.
Is Ocean Drive readable on white or black?
Ocean Drive has a 1.90:1 contrast ratio on white and 11.01: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.