
Figma color wheel
Want to find the perfect complementary or analogous colors to match Zaffre?
Skip to main content
Everything you need to know about zaffre to inspire your next design.
Zaffre is a vibrant, deep blue, reminiscent of cobalt blue, and is positioned on the blue spectrum of the color wheel. It evokes a sense of calm and mystery. Related shades include cobalt and azure. Ideal for adding depth to designs or conveying elegance and sophistication.

Shades
Tints
Tones
Hues
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Sapphire Surge
Cobalt Caramel
Solar Spark
Zaffre 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 zaffre, consider:
To complement Zaffre, consider pairing it with:
While Zaffre is a striking cobalt blue with a deep, vivid hue, it may clash with:
Contrast 12.61
#0014A8
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Pass | Pass | |
Pass | Pass | |
Pass | Pass |
Contrast 1.67
#0014A8
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Fail | Fail | |
Fail | Fail | |
Fail | Fail |
Protanopia
Deuteranopia
Tritanopia
Achromatopsia
The hexadecimal color #0014A8, known as Zaffre, has RGB values of R:0, G:20, B:168 and CMYK values of C:100, M:88, Y:0, K:34.
| VALUE | CSS | |
|---|---|---|
| HEX | #0014A8 | #0014A8 |
| RGB DECIMAL | 0, 20, 168 | RGB(0,20,168) |
| RGB PERCENTAGE | 0.0, 7.8, 65.9 | RGB(0.0%,7.8%,65.9%) |
| CMYK | 100, 88, 0, 34 | |
| HSL | HSL(232.9, 100.0%, 32.9%) | HSL(232.9, 100.0%, 32.9%) |
| HSV (OR HSB) | 232.9°, 100.0, 65.9 | |
| WEB SAFE | #00153 | #00153 |
| BINARY | 00000000, 00010100, 10101000 | |
| iOS - SwiftUI | Color(red: 0.000, green: 0.078, blue: 0.659) | |
| iOS - UIKit | UIColor(red: 0.000, green: 0.078, blue: 0.659, alpha: 1) | |
| Android - Compose | Color(0xFF0014A8) |

Want to find the perfect complementary or analogous colors to match Zaffre?

Explore the qualities of Cobalt Blue.

Explore the qualities of Sapphire Blue.