Naviguer jusqu'au contenu principal

Bleu-vert

Tout ce que vous devez savoir sur le bleu-vert 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-vert est une teinte rafraîchissante et apaisante qui marie parfaitement la stabilité du vert avec la sérénité du bleu. Cette nuance froide est une couleur tertiaire qui se situe entre le bleu et le vert sur la roue chromatique, s'imprégnant des qualités tranquilles des deux couleurs. Elle ressemble de près à des tons comme le bleu canard et le turquoise.

color Bleu-vertcolor Bleu-vert

Le bleu-vert 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 : #00CEC8

- Valeur RGB : 0 % rouge, 80,8 % vert et 78,4 % 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 de tirer parti des propriétés apaisantes et rafraîchissantes du bleu-vert dans votre design :

  • Créer une atmosphère tranquille. Le bleu-vert excelle à instaurer un sentiment de paix et de sérénité. Utilisez-le comme couleur de fond pour des expériences apaisantes comme les applications de méditation ou les plateformes de réservation de spa.
  • Mettre en valeur des éléments importants. Le bleu-vert peut se démarquer sans être écrasant. Utilisez-le pour les boutons d'appel à l'action ou les éléments de navigation principaux afin d'attirer l'attention de l'utilisateur tout en maintenant une esthétique épurée.
  • Évoquer la nature ou la croissance. La connexion au monde naturel du bleu-vert le rend idéal pour les marques éco-responsables ou les interfaces liées aux plantes et au bien-être.
  • Considérer le contraste. Assurez un contraste adéquat avec le texte ou d'autres éléments d'interface pour une lisibilité optimale. Envisagez un plugin Figma pour garantir l'accessibilité. Équilibrez avec des couleurs plus chaudes. Associer le bleu-vert à une touche de couleur chaude comme l'orange ou le jaune peut ajouter du dynamisme et éviter que l'interface ne paraisse trop froide.

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 tranquille et rafraîchissant que le bleu-vert, envisagez :

  • Turquoise (#40E0D0) ressemble de près au bleu-vert avec son mélange parfait de bleu et de vert, incarnant l'essence des eaux tropicales.
  • Bleu canard (#069494) offre une version plus profonde et légèrement plus sobre, capturant la profondeur de l'océan tout en restant fidèle au thème bleu-vert.
  • Aigue-marine (#7FFFD4) apparaît plus claire et plus éthérée, offrant une interprétation plus douce de la clarté captivante du bleu-vert.
  • Cyan (#00FFFF), bien que plus vif, partage l'énergie vibrante et la sensation revigorante du bleu-vert, rappelant les ciels clairs et ensoleillés.

Pour compléter les tons sereins du bleu-vert, envisagez de l'associer à :

  • Sable doux (#F8F0E3) offre un fond chaud et neutre qui met magnifiquement en valeur la vivacité froide du bleu-vert.
  • Corail (#FF8559) introduit un contraste chaleureux et vif, évoquant les couleurs d'un coucher de soleil sur la mer bleu-vert.
  • Bleu marine (#000080) offre un contraste riche et profond qui rehausse les qualités de joyau du bleu-vert, parfait pour une palette sophistiquée.
  • Argent (#C4C4C4) ajoute une touche moderne et élégante, reflétant la lumière et enrichissant l'attrait dynamique du bleu-vert.
  • Lavande (#D3D3FF) adoucit la palette avec sa teinte douce, créant un mélange apaisant et romantique de bleu-vert.

D'autres couleurs à considérer incluent le gris charbon pour un contraste moderne et ancré, le rose pâle pour une touche douce et complémentaire, et le jaune moutarde pour une touche audacieuse et ensoleillée.

Bien que le bleu-vert soit polyvalent, il peut jurer avec :

  • Rouge vif (#FF0000) peut être trop agressif face à la nature apaisante du bleu-vert, créant un contraste net et potentiellement discordant.
  • Vert néon (#2CFF05) présente une énergie trop vibrante qui pourrait perturber l'ambiance sereine et harmonieuse du bleu-vert.
  • Violet profond (#800080), bien que riche et royal, peut dominer la subtilité du bleu-vert, menant à un effet visuel discordant.
  • Orange (#FFA500), bien qu'une couleur complémentaire en théorie, son intensité peut détourner des qualités apaisantes du bleu-vert, menant à une combinaison visuellement déstabilisante.
  • Rose vif (#FF69B4), bien que ludique, peut entrer en concurrence avec le bleu-vert en cherchant à dominer visuellement plutôt qu'à compléter sa tranquillité.

Le bleu-vert combine la tranquillité du bleu avec la vitalité du vert, symbolisant la sérénité, la guérison et le renouveau. Il incarne le concept de l'eau et des qualités protectrices et nourrissantes de la Terre, suggérant la vie, la santé et le bien-être. Il représente la croissance et les profondeurs du ciel et de la mer — un symbole de la subsistance de la vie.

Psychologiquement, le bleu-vert favorise une humeur contemplative, l'ouverture d'esprit et la créativité, promouvant des sentiments de paix et de régénération.

Le bleu-vert équilibre calme et dynamisme, en faisant une couleur puissante pour le design d'interface. Son effet apaisant améliore l'expérience utilisateur avec un environnement accueillant. Le bleu-vert peut mettre en avant des valeurs innovantes et éco-responsables, en faisant un choix populaire pour les entreprises qui valorisent la santé, le bien-être et la durabilité environnementale.

Les anciens Égyptiens utilisaient des pigments bleu-vert à base de malachite pour la peinture et la céramique, le valorisant pour ses qualités protectrices et sa beauté esthétique. En Mésoamérique, les Mayas associaient le bleu-vert au dieu de la pluie, Chaac, l'utilisant dans les offrandes et l'art pour invoquer l'eau et la fertilité. Son importance a perduré à travers les cultures grecque et romaine, abondamment visible dans les bijoux et textiles de l'époque.

Au Moyen Âge et pendant la Renaissance, les artistes utilisaient le vert-de-gris pour produire des teintes bleu-vert lumineuses, prisées pour leur couleur vibrante, malgré leur tendance à changer avec le temps. Des artistes, dont Léonard de Vinci et Raphaël, ont utilisé le bleu-vert pour insuffler profondeur et sérénité à leurs chefs-d'œuvre. Son caractère apaisant mais vibrant en a également fait une couleur favorite de Titien et Vermeer, qui ont capturé sa tranquillité et sa profondeur dans leurs œuvres.

Le bleu-vert a maintenu son attrait aujourd'hui, mis en lumière par son inclusion dans les couleurs de crayon Crayola depuis les années 1930.

Variantes de couleur

Nuances

Teintes

Tons

Teintes

Harmonies de couleurs

Complémentaire

Complémentaire fractionnée

Monochrome

Analogue

Triadique

Tétradique

Palettes personnalisées

Marée Océanique

Chaleur Tropicale

Piscine de Marée

Vérificateur de contraste

Contraste 1,97

Texte en grand format

#00CEC8

Texte normal

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

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

Contraste 10,66

Texte en grand format

#00CEC8

Texte normal

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

Il s'agit d'un texte #00CEC8 sur un arrière-plan #000000.
Catégorie
Conforme
Conforme
Conforme
Conforme
Conforme
Conforme

Simulations de couleurs

Protanopie

Deutéranopie

Tritanopie

Achromatopsie

La couleur hexadécimale #00cec8, connue sous le nom de Bleu-vert, a des valeurs RVB de R:0, G:206, B:200 et des valeurs CMJN de C:100, M:0, Y:3, K:19.

VALUECSS
HEX#00cec8#00cec8
RGB DECIMAL0, 206, 200RGB(0,206,200)
RGB PERCENTAGE0.0, 80.8, 78.4RGB(0.0%,80.8%,78.4%)
CMYK100, 0, 3, 19
HSLHSL(178.3, 100.0%, 40.4%)HSL(178.3, 100.0%, 40.4%)
HSV (OR HSB)178.3°, 100.0, 80.8
WEB SAFE#0204204#0204204
BINARY00000000, 11001110, 11001000
iOS - SwiftUIColor(red: 0.000, green: 0.808, blue: 0.784)
iOS - UIKitUIColor(red: 0.000, green: 0.808, blue: 0.784, alpha: 1)
Android - ComposeColor(0xFF00CEC8)