
Roue chromatique Figma
Vous souhaitez trouver les couleurs complémentaires ou analogues parfaites pour assortir le bleu-vert ?
Naviguer jusqu'au contenu principal
Tout ce que vous devez savoir sur le bleu-vert pour inspirer votre prochain design.
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.

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 :
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 :
Pour compléter les tons sereins du bleu-vert, envisagez de l'associer à :
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 :
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.
Nuances
Teintes
Tons
Teintes
Complémentaire
Complémentaire fractionnée
Monochrome
Analogue
Triadique
Tétradique
Marée Océanique
Chaleur Tropicale
Piscine de Marée
Contraste 1,97
#00CEC8
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 |
Contraste 10,66
#00CEC8
Le mode de conception, d'alignement et de création compte. Utilisez Figma.
| Catégorie | ||
|---|---|---|
Conforme | Conforme | |
Conforme | Conforme | |
Conforme | Conforme |
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.
| VALUE | CSS | |
|---|---|---|
| HEX | #00cec8 | #00cec8 |
| RGB DECIMAL | 0, 206, 200 | RGB(0,206,200) |
| RGB PERCENTAGE | 0.0, 80.8, 78.4 | RGB(0.0%,80.8%,78.4%) |
| CMYK | 100, 0, 3, 19 | |
| HSL | HSL(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 |
| BINARY | 00000000, 11001110, 11001000 | |
| iOS - SwiftUI | Color(red: 0.000, green: 0.808, blue: 0.784) | |
| iOS - UIKit | UIColor(red: 0.000, green: 0.808, blue: 0.784, alpha: 1) | |
| Android - Compose | Color(0xFF00CEC8) |

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

En savoir plus sur le vert menthe.

En savoir plus sur le bleu pastel.