#5E81C1 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Bodega Bay is a muted, dusty blue with distinct gray undertones. It lacks high saturation, which makes it a steady, professional choice for corporate UI designs. Because it maintains strong contrast, black text remains legible for body copy. The hex code #5e81c1 performs best as a structural base or background color rather than a primary call-to-action.
About Bodega Bay
Fog lifting off a cold harbor at noon
What does bodega bay mean?
This muted blue often brings to mind overcast coastlines, faded workwear, and quiet mornings before the sun burns through. Its mid-level lightness and dusted saturation feel steady and subdued, like something softened by weather rather than by choice.
Where you see bodega bay
- worn denim
- morning fog
- galvanized steel
- rain clouds
- painted window trim
- winter ocean water
What it works for
It works well for backgrounds, packaging, and interfaces that need a cool blue without harshness or shine.
What colors go with bodega bay?
Ochre #cc7722A dry yellow-orange warms the cool blue and gives it ground.Dusty Rose #b56f76Soft pink shares its muted depth and eases the chill.Ecru #c2b280A pale neutral keeps the blue's matte finish intact.Terracotta #e2725bBaked clay tones set up a warm counterpoint to the cool base.Sage Green #9caf88Both colors are grayed and low-key, so neither one competes.Charcoal #36454fA dark neutral deepens the blue without adding saturation.
Questions about Bodega Bay
What is the hex code for Bodega Bay?
Bodega Bay is #5e81c1. In RGB that is rgb(94, 129, 193), in HSL hsl(219, 44%, 56%) and in CMYK 51%, 33%, 0%, 24%.
How should I use Bodega Bay #5e81c1 in UI design?
Bodega Bay works best as a structural base or background color rather than a primary call-to-action button. Because it maintains high contrast, it is an excellent choice for headers or sidebars, allowing black body copy to remain legible and professional.
Is Bodega Bay readable on white or black?
Bodega Bay has a 3.89:1 contrast ratio on white and 5.38: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.