Figma color wheel
Want to find the perfect complementary or analogous colors to match slate?
Cobalt Blue is an intense, electric shade of blue that sits more towards the darker end of the spectrum. Positioned between true blue and azure on the color wheel, it radiates a bold and striking appeal. Its vivid nature draws comparisons to the deep seas, reflecting a sense of depth and vastness. The color represents a cool, calming, and stable vibe and often brings a sense of tranquility to a design. At the same time, its bold, regal tone also creates a feeling of luxury and sophistication. Cobalt blue is a versatile color that can convey energy and elegance in equal measure.
Color variations
Shades
Tints
Tones
Hues
Color Harmonies
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Custom Palettes
Ocean Depths
Ocean Sunrise
Northern Lights
For variations within the same spectrum as cobalt blue, consider:
- Royal Blue (#305cde): Royal Blue shares a rich and deep blue intensity with Cobalt Blue, creating a sense of regality and profound calmness in any color palette.
- Ultramarine Blue (#4166F5): Ultramarine Blue echoes Cobalt Blue's vibrant and bold tone. It stands out with a slightly lighter and more vivid brightness, enhancing any bright blue scenes.
- Azure (#007FFF): While slightly lighter, Azure is similar to Cobalt Blue with its bright, clear blue hue, offering a refreshing and energetic feel perfect for cool color themes.
- Sapphire Blue (#0F52BA): Sapphire Blue aligns closely with Cobalt Blue, offering a deep and vivid blue with just a touch of darkness, adding depth to any blue tones collection.
To complement Cobalt blue, consider pairing it with:
- Rust (#B7410E): This warm, earthy tone contrasts with the bright blue of Cobalt, creating a balanced yet vibrant color palette, perfect for both decorative arts and interior design.
- Maize (#FBEC5D): This cheerful yellow adds a sunny brightness that perfectly offsets the coolness of Cobalt blue, offering a refreshing aesthetic suitable for fashion and interior design.
- Chartreuse (#CCFF00): This vivid yellow-green provides a refreshing and unexpected pop against Cobalt blue’s depth, enhancing the overall vibrancy of cool colors in your color palette.
- Coral (#FF8559): Pairing Cobalt blue with Coral introduces a playful and warm element, ideal for creating a lively and inviting atmosphere in fashion or decorative arts.
- Lilac (#A47DAB): This soft purple hue brings a gentle contrast to Cobalt blue's intensity, adding a soothing touch to your designs and enhancing their versatility in any setting.
Other colors worth considering include pastel blue for a harmonious blend, gray for a modern aesthetic, and mustard yellow for a retro flair.
While Cobalt blue is an intense and vibrant shade, it may clash with:
- Rust (#B7410E): The warm, earthy undertones of rust can create a jarring contrast with cobalt blue, disrupting its cool, serene ambiance.
- Olive Green (#636B2F): With its muted and muddy hue, olive green can overshadow cobalt blue's vibrancy, leading to a dull and conflicting palette.
- Neon Pink (#FF13F0): Both colors demand attention, leading to a visually chaotic and overpowering combination that lacks harmonious balance.
- Burnt Orange (#BE5103): The saturated and warm nature of burnt orange can clash with cobalt blue's cool tones, creating an unwanted visual tension.
- Burgundy (#660033): This deep, rich red can compete with cobalt blue’s bold vibrancy, resulting in a heavy and less cohesive color palette.
Contrast 8.44
- Large Text
#0047AB
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Pass | Pass | |
Pass | Pass | |
Pass | Pass |
Contrast 2.49
- Large Text
#0047AB
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Fail | Fail | |
Fail | Fail | |
Fail | Fail |
Color simulations
Protanopia
Deuteranopia
Tritanopia
Achromatopsia
The hexadecimal color #6D8196, known as slate, has RGB values of R:109, G:129, B:150 and CMYK values of C:0.27, M:0.14, Y:0, K:0.41.
| VALUE | CSS | |
|---|---|---|
| HEX | 0047AB | #0047AB |
| RGB DECIMAL | (0, 71, 171) | rgb(0, 71, 171) |
| RGB PERCENTAGE | (0%, 27.84%, 67.06%) | rgb(0%, 27.84%, 67.06%) |
| CMYK | 100, 58, 0, 33 | |
| HSL | 218.13, 100%, 33.53% | hsl(218.13, 100%, 33.53%) |
| HSV (OR HSB) | 218.13, 100%, 33.53% | |
| WEB SAFE | 0066CC | #0066CC |
| CIE-LAB | 32.9, 18.1, -65.3 | |
| XYZ | 10.332, 8.663, 33.682 | |
| xyY | 0.143, 0.084, 8.664 | |
| CIE-LCH | 218.13, 69.82, 306.92 | |
| CIE-LUV | -14.68, -40.73, -83.24 | |
| HUNTER-LAB | 32.9, 27.1, 244.5 | |
| BINARY | 00000000, 01000111, 10101011 | |
| iOS - SwiftUI | Color(0.000, 0.278, 0.671) | |
| iOS - UIKit | UIColor(red: 0.000, green: 0.278, blue: 0.671, alpha: 1.0) | |
| Android - Compose | Color(0xFF0047AB) |
