Muted Navy Blue
Muted Navy Blue is a softened navy shade that blends classic depth with subtle elegance.
#5A6C7D
rgb(90, 108, 125)
Color Formats
Different formats of the color
HEX
#5A6C7D
RGB
rgb(90, 108, 125)
HSL
hsl(209, 16%, 42%)
Color Shades
Different shades of the color
Lightest
#aabccd
Lighter
#8294a5
Base
#5A6C7D
Darker
#324455
Darkest
#0a1c2d
Complementary
Complementary colors are colors that are opposite to each other on the color wheel.
Analogous
Analogous colors are colors that are next to each other on the color wheel.
Pick _ Swatches
Generate Palette
Generate beautiful color palettes instantly with harmonious color combinations.
Color Picker
Pick precise HEX/RGB/HSL colors instantly with live eyedropper preview.
Shade & Tint Generator
Generate 12-step lighter tints & darker shades from any base color.
Color Format Converter
Instant HEX ↔ RGB ↔ HSL ↔ CMYK ↔ CSS conversion for all web formats.
Random Color Generator
Generate unlimited random HEX/RGB colors for design inspiration.
Complementary Color Finder
Find perfect 180° opposite colors via interactive color wheel.
Relevant _ Article
Why Color Conversion Is a Daily Challenge for Designers and Developers
If you've ever had to look at a hex code in your design document and wanted to convert it to RGB for your CSS file, or conversely, then you know exactly what the issue is. You simply cannot convert color codes just by looking at them. A misplaced hex code could take your brand color from navy blue to grey and doing manual conversions between all the various colors is both wasteful and inefficient.
How to Use Color Palettes in Web UI (Best Practices)
Most color mistakes in web UI are not taste problems. They are structural problems. The designer picked good colors — a warm cream, a deep teal, a muted coral — but without a clear system for how those colors relate to each other and which roles they play, the interface ends up feeling inconsistent, visually noisy, or simply hard to use.
10 Color Tools Every Web Designer Needs in 2026 And Why One Platform Has Them All
Discover the 10 essential color tools professional web designers use daily — from palette generators to WCAG contrast checkers. See how Coloraccy replaces them all in one free platform.
Best Free Color Palette Generator for Web Designers in 2026 — Why Coloraccy Is the Smarter Choice
If you have spent any time designing websites, mobile apps, or brand identities, you already know how much time disappears into color decisions. Should this button be #3B82F6 or a shade darker? Does your background-text contrast actually pass WCAG AA? Does your palette feel cohesive or just accidental? These are not small questions — they are the difference between a product that feels polished and one that looks like it was assembled in a hurry.
Observe _ Spectrum
Navy Blue
Tap to explore details
Dark Navy Blue
Tap to explore details
Light Navy Blue
Tap to explore details
Muted Blue
Tap to explore details
Deep Navy Blue
Tap to explore details
Muted Sky Blue
Tap to explore details
Muted Baby Blue
Tap to explore details
Pastel Navy Blue
Tap to explore details
Soft Navy Blue
Tap to explore details
Dusty Navy Blue
Tap to explore details