
Roue chromatique Figma
Vous souhaitez trouver les couleurs complémentaires ou analogues parfaites pour assortir le bleu royal ?
Naviguer jusqu'au contenu principal
Tout ce que vous devez savoir sur le bleu royal pour inspirer votre prochain design.
Le bleu royal est une teinte profonde et vibrante située entre le bleu et le violet sur la roue chromatique. Cette couleur riche allie sophistication et une subtile nuance de violet, projetant élégance et profondeur.

Le bleu royal 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 : #305CDE
- Valeur RGB : 18,8 % rouge, 36,1 % vert et 87,1 % 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.
Voici quelques façons d'utiliser le bleu royal dans vos designs :
Gardez à l'esprit que la couleur et sa signification peuvent varier d'une culture à l'autre et à tout moment. Si vous créez une interface pour un public international, renseignez-vous sur la signification des couleurs pour chaque pays concerné.
Pour des variations dans le même spectre vibrant et royal que le bleu royal, considérez :
Pour compléter les tons dignes du bleu royal, envisagez de l'associer avec :
D'autres couleurs à considérer incluent le rouge profond pour une déclaration audacieuse et percutante, l'argent pour une ambiance élégante et contemporaine, et le gris clair pour un contraste doux et atténué qui permet au bleu royal de briller.
Bien que le bleu royal soit polyvalent, il peut jurer avec :
Le bleu royal incarne la royauté, le luxe et la sophistication. Son association historique avec l'autorité et l'élégance s'étend aux amulettes et vêtements, signifiant sécurité et protection. Il porte même des connotations spirituelles de divinité, de sagesse et de joie.
En psychologie des couleurs, le bleu royal est profondément lié à la confiance et à la fiabilité. Sa richesse implique stabilité et confiance, tandis que ses liens avec le ciel et la mer apportent calme et tranquillité.
La polyvalence du bleu royal dans le design d'interface lui permet d'exprimer pouvoir, autorité, paix ou fiabilité. Cela renforce la confiance des utilisateurs grâce à l'association de la couleur avec la crédibilité et le professionnalisme, en faisant un choix fort pour les interfaces de finance et de santé.
Le bleu royal, nommé d'après la reine Charlotte à la fin du XVIIIe siècle, était à l'origine une teinte profonde et vive réservée à l'aristocratie. Il symbolisait l'importance et le prestige. Au fil du temps, cependant, la perception de la couleur a évolué. Dans les années 1950, une version plus lumineuse a gagné en popularité, culminant avec la standardisation d'une teinte lumineuse comme 'royalblue' à l'ère numérique (1987). Ce choix par le World Wide Web Consortium met en lumière l'adaptabilité de la couleur, évoluant avec les préférences sociétales et les avancées technologiques.
Nuances
Teintes
Tons
Teintes
Complémentaire
Complémentaire fractionnée
Monochrome
Analogue
Triadique
Tétradique
Bleu royal
Clair de lune magique
Sérénade saphir
Contraste 5,66
#305CDE
Le mode de conception, d'alignement et de création compte. Utilisez Figma.
| Catégorie | ||
|---|---|---|
Conforme | Non conforme | |
Conforme | Conforme | |
Conforme | Conforme |
Contraste 3,71
#305CDE
Le mode de conception, d'alignement et de création compte. Utilisez Figma.
| Catégorie | ||
|---|---|---|
Non conforme | Non conforme | |
Conforme | Non conforme | |
Conforme | Non conforme |
Protanopie
Deutéranopie
Tritanopie
Achromatopsie
La couleur hexadécimale #305cde, connue sous le nom de bleu royal, a des valeurs RVB de R:48, G:92, B:222 et des valeurs CMJN de C:78, M:59, Y:0, K:13.
| VALUE | CSS | |
|---|---|---|
| HEX | #305cde | #305cde |
| RGB DECIMAL | 48, 92, 222 | RGB(48,92,222) |
| RGB PERCENTAGE | 18.8, 36.1, 87.1 | RGB(18.8%,36.1%,87.1%) |
| CMYK | 78, 59, 0, 13 | |
| HSL | HSL(224.8, 72.5%, 52.9%) | HSL(224.8, 72.5%, 52.9%) |
| HSV (OR HSB) | 224.8°, 78.4, 87.1 | |
| WEB SAFE | #51102204 | #51102204 |
| BINARY | 00110000, 01011100, 11011110 | |
| iOS - SwiftUI | Color(red: 0.188, green: 0.361, blue: 0.871) | |
| iOS - UIKit | UIColor(red: 0.188, green: 0.361, blue: 0.871, alpha: 1) | |
| Android - Compose | Color(0xFF305CDE) |

Vous souhaitez trouver les couleurs complémentaires ou analogues parfaites pour assortir le bleu royal ?

En savoir plus sur la couleur bleue.

En savoir plus sur le bleu pastel.