Medium blue is a calming shade that sits between blue and violet on the color wheel. Its hue is vibrant yet balanced, resembling a clear sky. Related shades include cornflower and steel blue. Use medium blue in designs to evoke tranquility and focus.
Medium blue is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
- Hex Code: #0000CD
- RGB value: 0.0% red, 0.0% green, 80.4% blue
Accessibility considerations play a crucial role in UX and UI design color choices. Figma offers plugins in the Community to make sure your designs meet Web Content Accessibility Guidelines
For variations within the same spectrum as medium blue, consider:
- Cobalt Blue (#0047AB): Captures the intensity of medium blue with its vivid vibrancy and deep hue, making it a staple in blue tones and a popular choice for cool colors.
- Azure (#007FFF): Offers a bright, clear shade reminiscent of the open sky, aligning with the classic appeal of medium blue color combinations in palettes.
- Royal Blue (#305CDE): Exhibits a regal richness that complements the medium blue color, providing a depth that avidly contributes to diverse color palette designs.
- Cerulean (#007BA7): Encompasses the fresh, tranquil vibes of medium blue with its soft, inviting tone, perfect for inspiring cool color schemes in design.
To complement Medium blue, consider pairing it with:
- Coral (#FF8559): This warm hue contrasts beautifully with Medium blue’s cool tones, adding a vibrant pop to any design palette. The mix creates an engaging and lively composition.
- Mustard Yellow (#FFCE1B): Mustard yellow provides a bold and unexpected contrast to Medium blue, adding warmth and richness. Together, they create a sophisticated and balanced color palette.
- Peach (#FFD3AC): Peach adds a soft, warm touch to Medium blue, balancing its coolness. This pairing evokes a serene and welcoming atmosphere, perfect for light, airy designs.
- Lavender (#D3D3FF): Lavender’s subtle and calming presence complements Medium blue’s cool colors. This soothing combination is ideal for creating a tranquil and harmonious environment.
- Rust (#B7410E): Rust brings an earthy depth to Medium blue’s vibrant and cool tones. This mix results in a striking and dynamic color palette that boasts richness and warmth.
While Medium blue is soothing and versatile, it may clash with:
- Rose Red (#FA003F): This intense, warm hue can create a stark contrast that competes with the calming effect of Medium blue, leading to a visually jarring combination.
- Cinnabar (#E84B3D): Cinnabar's bold, warm tone clashes with the coolness of Medium blue, creating a visual discord that feels unsettling.
- Neon Orange (#FF5C00): The vibrancy and high saturation of Neon orange may overwhelm Medium blue, making the palette feel unbalanced and harsh.
- Bordeaux (#7B1B38): This deep, rich color can overshadow Medium blue, resulting in a heavy combination that lacks harmony.
- Emerald Green (#50C878): The striking contrast between Emerald green's rich hue and Medium blue can lead to a mismatched color palette.
Color variations
Shades
Tints
Tones
Hues
Color harmonies
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Custom palettes
Citrine Tide
Electric Ember
Cosmic Dusk
Contrast checker
Contrast 11.16
- Large Text
#0000CD
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Pass | Pass | |
Pass | Pass | |
Pass | Pass |
Contrast 1.88
- Large Text
#0000CD
- 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 #0000CD, known as Medium blue, has RGB values of R:0, G:0, B:205 and CMYK values of C:100, M:100, Y:0, K:20.
| VALUE | CSS | |
|---|---|---|
| HEX | #0000CD | #0000CD |
| RGB DECIMAL | 0, 0, 205 | RGB(0,0,205) |
| RGB PERCENTAGE | 0.0, 0.0, 80.4 | RGB(0.0%,0.0%,80.4%) |
| CMYK | 100, 100, 0, 20 | |
| HSL | HSL(240.0, 100.0%, 40.2%) | HSL(240.0, 100.0%, 40.2%) |
| HSV (OR HSB) | 240.0°, 100.0, 80.4 | |
| WEB SAFE | #00204 | #00204 |
| BINARY | 00000000, 00000000, 11001101 | |
| iOS - SwiftUI | Color(red: 0.000, green: 0.000, blue: 0.804) | |
| iOS - UIKit | UIColor(red: 0.000, green: 0.000, blue: 0.804, alpha: 1) | |
| Android - Compose | Color(0xFF0000CD) |
