
Figma color wheel
Want to find the perfect complementary or analogous colors to match True Blue?
Skip to main content
Everything you need to know about true blue to inspire your next design.
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.

Shades
Tints
Tones
Hues
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Sapphire Sky
Azure Amber
Chromatic Aqua
True Blue is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
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:
To complement True Blue, consider pairing it with:
While True Blue is serene and calming, it may clash with:
Contrast 5.4
#2D68C4
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Pass | Fail | |
Pass | Pass | |
Pass | Pass |
Contrast 3.89
#2D68C4
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Fail | Fail | |
Pass | Fail | |
Pass | Fail |
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) |

Want to find the perfect complementary or analogous colors to match True Blue?

Explore the qualities of Cadet Blue.

Explore the qualities of Sapphire Blue.