True blue is a calming and dependable shade, blending hints of deep ocean and sky on the color wheel. Nestled between blue and slightly greener blues, it harmonizes with shades like cerulean and azure. Ideal for designs invoking trust and tranquility, true blue is a favorite in professional palettes.
True Blue is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
- Hex Code: #2D68C4
- RGB value: 17.6% red, 40.8% green, 76.9% 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 true blue, consider:
- Royal Blue (#305cde): **: Known for its rich and vivid appearance, Royal Blue shares True Blue's boldness and depth, embodying a strong, regal presence in any color palette.
- Cobalt Blue (#0047ab): **: Cobalt Blue offers a similarly intense and vibrant shade, with a striking visual impact that closely aligns with the saturated and bold qualities of True Blue.
- Sapphire Blue (#0F52BA): **: This color captures the cool and deep intensity of a sapphire, providing a rich, jewel-like quality that is characteristic of True Blue's profound and pure essence.
- Cerulean (#007BA7): **: Cerulean reflects the tranquil yet vivid aspects of True Blue, with a slightly lighter touch that evokes the serene imagery of clear skies and open seas.
To complement True Blue, consider pairing it with:
- Emerald Green (#50C878): This vibrant shade infuses energy and natural warmth into True Blue, creating a refreshing, balanced palette suitable for both interior design and visual aesthetics.
- Coral (#FF8559): Coral introduces a splash of warmth that contrasts beautifully with the coolness of True Blue, resulting in a lively and inviting color palette perfect for creative design inspiration.
- Mustard Yellow (#FFCE1B):The richness of mustard yellow adds depth to True Blue, offering a modern twist that enhances both coastal décor and interior design trends.
- Lavender (#D3D3FF): This soft hue harmonizes with True Blue's calming qualities, creating a serene and balanced atmosphere ideal for promoting relaxation and peaceful visual aesthetics.
- Cinnamon (#D47E30): Cinnamon offers an unexpected, earthy contrast to True Blue, adding a hint of warmth that enriches the overall design without overshadowing the primary shade.
While True Blue is serene and calming, it may clash with:
- Neon Green (#2CFF05): Neon Green's electric intensity outshines the soothing quality of True Blue, creating a disconcerting contrast.
- Neon Pink (#FF13F0): Neon Pink's vivid vibrancy can overwhelm True Blue, leading to a palette that feels unbalanced and excessively bright.
- Bright Yellow (#FFED29): Bright Yellow’s vividness competes aggressively with True Blue, disrupting the harmony with its stark contrast.
- Red-Orange (#FF4B33): Red-Orange presents a stark contrast with the coolness of True Blue, leading to a visually jarring effect.
- Orange (#FFA500): Orange's warm and bold nature can create a discordant visual effect when paired with the cool hues of True Blue.
Color variations
Shades
Tints
Tones
Hues
Color harmonies
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Custom palettes
Sapphire Sky
Azure Amber
Chromatic Aqua
Contrast checker
Contrast 5.4
- Large Text
#2D68C4
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Pass | Fail | |
Pass | Pass | |
Pass | Pass |
Contrast 3.89
- Large Text
#2D68C4
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Fail | Fail | |
Pass | Fail | |
Pass | Fail |
Color simulations
Protanopia
Deuteranopia
Tritanopia
Achromatopsia
The hexadecimal color #2D68C4, known as True Blue, has RGB values of R:45, G:104, B:196 and CMYK values of C:77, M:47, Y:0, K:23.
| VALUE | CSS | |
|---|---|---|
| HEX | #2D68C4 | #2D68C4 |
| RGB DECIMAL | 45, 104, 196 | RGB(45,104,196) |
| RGB PERCENTAGE | 17.6, 40.8, 76.9 | RGB(17.6%,40.8%,76.9%) |
| CMYK | 77, 47, 0, 23 | |
| HSL | HSL(216.6, 62.7%, 47.3%) | HSL(216.6, 62.7%, 47.3%) |
| HSV (OR HSB) | 216.6°, 77.0, 76.9 | |
| WEB SAFE | #51102204 | #51102204 |
| BINARY | 00101101, 01101000, 11000100 | |
| iOS - SwiftUI | Color(red: 0.176, green: 0.408, blue: 0.769) | |
| iOS - UIKit | UIColor(red: 0.176, green: 0.408, blue: 0.769, alpha: 1) | |
| Android - Compose | Color(0xFF2D68C4) |
