Le bleu saphir est une teinte profonde et apaisante, évoquant la tranquillité. Il se situe entre le bleu et le violet sur le cercle chromatique. Sa tonalité riche et froide inclut des nuances comme le royal et l'azur. Parfait pour les designs nécessitant une touche d'élégance et de profondeur, il s'harmonise bien avec des neutres doux pour un équilibre subtil.
Le bleu saphir est défini par les codes et valeurs de couleur suivants pour garantir la cohérence sur diverses plateformes et appareils numériques.
- Code Hex : #0F52BA
- Valeur RVB : 5,9 % rouge, 32,2 % vert, 72,9 % bleu
L'accessibilité joue un rôle crucial dans le choix des couleurs en design UX et UI. La communauté Figma propose des plugins pour s'assurer que vos designs respectent les Web Content Accessibility Guidelines
Pour des variations dans le même spectre que le bleu saphir, considérez :
- Le bleu royal (#305cde) : Capture la même qualité majestueuse avec une teinte légèrement plus riche et moins de vert, tout en conservant un caractère fort et noble.
- Le bleu cobalt (#0047ab) : Incarnant une intensité et une profondeur similaires, il offre un bleu pur et saisissant qui résonne avec l'essence vibrante du bleu saphir.
- Le bleu marine (#000080) : Partage le ton bleu profond et autoritaire, bien que plus sombre, véhiculant l'ambiance distinguée et classique du bleu saphir.
- Le bleu (#0000ff) : Offre un bleu audacieux et direct qui correspond à la clarté frappante et à la simplicité du bleu saphir.
Pour compléter le bleu saphir, envisagez de l'associer avec :
- Le corail (#FF8559) : Le corail offre un contraste doux mais vif, ajoutant chaleur et une touche de ludisme aux designs mettant en vedette le bleu saphir.
- La prune (#8E4585) : Les tons riches et profonds de la prune rehaussent l'élégance du bleu saphir, créant un look sophistiqué et équilibré.
- Le vert menthe (#ADEBB3) : La fraîcheur du vert menthe rafraîchit et complète le bleu saphir, créant une palette sereine et harmonieuse.
Bien que le bleu saphir soit vibrant et saisissant, il peut entrer en dissonance avec :
- L'orange néon (#FF5C00) : L'intensité lumineuse de l'orange néon crée un contraste visuellement discordant avec la richesse du bleu saphir.
- Le cinabre (#E84B3D) : La rougeur audacieuse du cinabre peut rivaliser avec le bleu saphir, menant à une association de couleurs écrasante et discordante.
- Le vert lime (#89F336) : La vivacité du vert lime peut éclipser le bleu saphir, résultant en une combinaison visuellement déséquilibrée.
- Le rouge cramoisi (#B22222) : La teinte profonde et intense du rouge cramoisi peut entrer en conflit avec la vivacité du bleu saphir, rendant difficile l'appréciation des deux ensemble.
- Le magenta (#FD3DB5) : La teinte vibrante et audacieuse du magenta peut rivaliser avec le bleu saphir, résultant en un mélange visuellement chaotique.
Variantes de couleur
Nuances
Teintes
Tons
Teintes
Harmonies de couleurs
Complémentaire
Complémentaire fractionnée
Monochrome
Analogue
Triadique
Tétradique
Palettes personnalisées
Symphonie azur
Épice céruléenne
Cascade céleste
Vérificateur de contraste
Contraste 7,15
- Texte en grand format
#0F52BA
- Texte normal
Le mode de conception, d'alignement et de création compte. Utilisez Figma.
| Catégorie | ||
|---|---|---|
Conforme | Conforme | |
Conforme | Conforme | |
Conforme | Conforme |
Contraste 2,94
- Texte en grand format
#0F52BA
- Texte normal
Le mode de conception, d'alignement et de création compte. Utilisez Figma.
| Catégorie | ||
|---|---|---|
Non conforme | Non conforme | |
Non conforme | Non conforme | |
Non conforme | Non conforme |
Simulations de couleurs
Protanopie
Deutéranopie
Tritanopie
Achromatopsie
La couleur hexadécimale #0F52BA, connue sous le nom de Bleu saphir, a des valeurs RVB de R:15, G:82, B:186 et des valeurs CMJN de C:92, M:56, Y:0, K:27.
| VALUE | CSS | |
|---|---|---|
| HEX | #0F52BA | #0F52BA |
| RGB DECIMAL | 15, 82, 186 | RGB(15,82,186) |
| RGB PERCENTAGE | 5.9, 32.2, 72.9 | RGB(5.9%,32.2%,72.9%) |
| CMYK | 92, 56, 0, 27 | |
| HSL | HSL(216.5, 85.1%, 39.4%) | HSL(216.5, 85.1%, 39.4%) |
| HSV (OR HSB) | 216.5°, 91.9, 72.9 | |
| WEB SAFE | #0102204 | #0102204 |
| BINARY | 00001111, 01010010, 10111010 | |
| iOS - SwiftUI | Color(red: 0.059, green: 0.322, blue: 0.729) | |
| iOS - UIKit | UIColor(red: 0.059, green: 0.322, blue: 0.729, alpha: 1) | |
| Android - Compose | Color(0xFF0F52BA) |
