Naviguer jusqu'au contenu principal

Bleu royal

Tout ce que vous devez savoir sur le bleu royal pour inspirer votre prochain design.

Obtenir la palette de couleurs

Choisir une couleur

Hex

RGB

HSB

HSL

Sélectionnez les paramètres de la palette

Palettes personnalisées

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.

color bleu royalcolor bleu royal

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 :

  • Attirer l'attention. La vivacité du bleu royal le rend idéal pour les boutons d'appel à l'action, les liens, les logos ou les éléments de navigation.
  • Renforcer la confiance. Le bleu royal peut renforcer la confiance et la fiabilité—parfait pour les marques de finance, de santé et de technologie.
  • Évoquer des émotions et une atmosphère. Utilisez le bleu royal dans les arrière-plans ou les dégradés sur les écrans d'accueil et les pages de destination pour évoquer une sensation de profondeur, de stabilité et de sophistication.
  • Utilisation pour la visualisation de données. Appliquez le bleu royal dans les graphiques, les diagrammes et les barres de progression. Sa clarté et son attrait visuel aident à différencier et à mettre en valeur les informations importantes.

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 :

  • Le bleu cobalt (#0047AB) possède une teinte légèrement plus profonde avec une intensité qui rappelle l'attrait saisissant du bleu royal.
  • Le bleu saphir (#0F52BA) offre une richesse inspirée des pierres précieuses, équilibrant luminosité et profondeur qui reflète l'attrait du bleu royal.
  • Le bleu dodger (#1E90FF) est plus clair et plus lumineux, capturant la vivacité caractéristique du bleu royal.
  • Le bleu persan (#1C39BB) mélange la majesté profonde du bleu royal avec une touche de violet, ajoutant une élégance exotique.

Pour compléter les tons dignes du bleu royal, envisagez de l'associer avec :

  • L'or (#EFBF04) enrichit la palette royale de son luxe, soulignant la somptuosité du bleu royal.
  • L'ivoire (#FFFFE3) offre un contraste doux et chaleureux, apportant une élégance classique qui met en valeur la profondeur du bleu royal.
  • Le gris charbon (#4A4A4A) introduit un contraste moderne et sophistiqué, ancrant la vivacité du bleu royal avec sa stabilité neutre.
  • Le rose saumon (#FA8072) ajoute une chaleur douce, créant un équilibre harmonieux avec la fraîcheur du bleu royal pour un look vibrant et sophistiqué.
  • Le vert pastel (#80EF80) pour un contraste rafraîchissant et stimulant qui met en valeur la richesse du bleu royal avec une touche de fraîcheur printanière.

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 vert Kelly (#4CBB17) peut être trop vif et risquer de dominer la sophistication du bleu royal, conduisant à une combinaison visuellement discordante.
  • L'orange (#FFA500) présente un contraste vif et éclatant qui peut détourner de l'essence royale du bleu, rendant la palette trop agressive.
  • Le rose vif (#FF69B4), bien que ludique, peut rivaliser trop fortement avec le bleu royal, risquant de faire de l'ombre à sa qualité majestueuse.
  • Le jaune néon (#FFFF00) a une luminosité frappante qui pourrait submerger et diminuer l'élégance profonde du bleu royal.
  • Le brun foncé (#654321), bien que neutre, pourrait être trop terreux et ternir l'essence vibrante et royale du bleu, conduisant à une association moins harmonieuse.

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.

Variantes de couleur

Nuances

Teintes

Tons

Teintes

Harmonies de couleurs

Complémentaire

Complémentaire fractionnée

Monochrome

Analogue

Triadique

Tétradique

Palettes personnalisées

Bleu royal

Clair de lune magique

Sérénade saphir

Vérificateur de contraste

Contraste 5,66

Texte en grand format

#305CDE

Texte normal

Le mode de conception, d'alignement et de création compte. Utilisez Figma.

Il s'agit d'un texte #305CDE sur un arrière-plan #FFFFFF.
Catégorie
Conforme
Non conforme
Conforme
Conforme
Conforme
Conforme

Contraste 3,71

Texte en grand format

#305CDE

Texte normal

Le mode de conception, d'alignement et de création compte. Utilisez Figma.

Il s'agit d'un texte #305CDE sur un arrière-plan #000000.
Catégorie
Non conforme
Non conforme
Conforme
Non conforme
Conforme
Non conforme

Simulations de couleurs

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.

VALUECSS
HEX#305cde#305cde
RGB DECIMAL48, 92, 222RGB(48,92,222)
RGB PERCENTAGE18.8, 36.1, 87.1RGB(18.8%,36.1%,87.1%)
CMYK78, 59, 0, 13
HSLHSL(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
BINARY00110000, 01011100, 11011110
iOS - SwiftUIColor(red: 0.188, green: 0.361, blue: 0.871)
iOS - UIKitUIColor(red: 0.188, green: 0.361, blue: 0.871, alpha: 1)
Android - ComposeColor(0xFF305CDE)