Informations sur le code couleur #C0E2B6

Toutes les conversions, harmonies et vérifications d'accessibilité dont vous avez besoin pour concevoir en toute confiance.

RVB:rgb(192, 226, 182)
HSL:hsl(106, 43%, 80%)
HEX
#C0E2B6
RVB
192, 226, 182
HSL
106°, 43%, 80%
HSV
106°, 19%, 89%
CMJN
15%, 0%, 19%, 11%

Conversion de couleurs

Générez des valeurs pour plusieurs modèles de couleurs en un seul endroit.

#C0E2B6

≈ Bleu Acier

Cartes de couleurs de référence

Un ΔE plus faible signifie une correspondance visuelle plus proche

Teintes et nuances

Découvrez comment #C0E2B6 se comporte lorsque vous le mélangez avec du blanc ou du noir. Ces échantillons sont parfaits pour les états de survol, les ombres et les arrière-plans.

Survolez pour copier n'importe quelle valeur hexadécimale et la réutiliser dans votre interface.

Nuances

0–100 %
0%#C0E2B6
10%#A7D699
20%#8ECB7C
30%#75BF5F
40%#5EAF46
50%#4F923A
60%#3F752F
70%#2F5823
80%#1F3A17
90%#101D0C
100%#000000

Teintes

0–100 %
0%#C0E2B6
10%#C7E5BD
20%#CDE8C5
30%#D3EBCC
40%#D9EED3
50%#E0F0DB
60%#E6F3E2
70%#ECF6E9
80%#F2F9F0
90%#F9FCF8
100%#FFFFFF

Cas d'utilisation courants

  • États des composants d'interface utilisateur (survol, actif, désactivé)
  • Création de profondeur avec des ombres et des lumières
  • Construction de systèmes de couleurs cohérents

Système de design

Conseil pour le système de design

Ces variations constituent la base d'une palette cohérente. Exportez-les pour maintenir l'alignement entre le marketing, le produit et l'ingénierie.

Exporter la palette

Harmonies de couleurs

Créez instantanément des palettes équilibrées grâce aux harmonies générées à partir de #C0E2B6.

Cliquez sur n'importe quel échantillon pour ouvrir sa page de détails et continuer l'exploration.

Comment utiliser

Choisissez une couleur dominante, puis laissez les teintes secondaires servir d'accents pour la typographie, les surfaces et les boutons d'appel à l'action.

Pourquoi c'est important

Des harmonies équilibrées communiquent une intention (calme, énergie, qualité supérieure) sans surcharger votre mise en page.

Complémentaire

Teintes opposées qui créent un impact et un contraste audacieux.

Idéal pour

CTA à fort impact, logos et sections d'introduction

Analogue

Teintes voisines pour des dégradés naturels et fluides.

Idéal pour

Tableaux de bord apaisants, inspirés de la nature

Triadique

Trois teintes également espacées pour un équilibre ludique.

Idéal pour

Marque ludique et mises en page éditoriales

Tétradique

Deux paires complémentaires qui offrent une riche variété.

Idéal pour

Illustrations et expériences marketing

Monochromatique

Teintes plus claires et plus foncées au sein de la même famille de couleurs.

Idéal pour

Interfaces minimalistes et états d'interface utilisateur premium

Contraste d'accessibilité

Vérifiez la lisibilité de #C0E2B6 avec les couleurs de texte courantes afin que chaque visiteur bénéficie d'une expérience claire.

Utilisez AA comme référence pour le corps du texte et AAA pour une accessibilité premium.

Exemple de texte sur texte noir
Couleur du texte#000000
Arrière-plan#C0E2B6
Ratio de contraste14.80:1
Niveau WCAGAAA
Exemple de texte sur texte blanc
Couleur du texte#FFFFFF
Arrière-plan#C0E2B6
Ratio de contraste1.42:1
Niveau WCAGFail
Aperçu du texte recommandé
Couleur du texte#000000
Arrière-plan#C0E2B6
Ratio de contraste14.80:1
Niveau WCAGAAA

Formats techniques

Déverrouillez les espaces colorimétriques professionnels comme XYZ, LAB, les variantes CMJN et les profils prêts à l'exportation.

S'inscrire gratuitement

Formats pratiques

Obtenez des simulations d'impression, des mappages LED et des ordres d'octets prêts pour les développeurs.

S'inscrire gratuitement

Analyse des couleurs

Plongez dans les données spectrales, les rapports de dominance et les analyses avancées.

S'inscrire gratuitement

Simulateur de daltonisme

Prévisualisez l'apparence de #C0E2B6 pour les déficiences visuelles courantes.

S'inscrire gratuitement

Aspects créatifs

Explorez les associations saisonnières, les signaux émotionnels et les occurrences naturelles.

S'inscrire gratuitement

Conseils de design

Équilibre

Traitez #C0E2B6 comme un élément de mise en évidence. Associez-le à des neutres et à une teinte secondaire pour éviter la surcharge visuelle.

Contraste

Testez les combinaisons avec du contenu réel. Un contraste plus élevé améliore le balayage visuel, la lisibilité et les conversions.

Harmonie

Utilisez des teintes plus claires pour les surfaces, la couleur de base pour les primaires et des nuances plus foncées pour les états de survol ou d'appui.

Besoin d'une autre couleur ?

Retournez au sélecteur de couleurs pour télécharger des images, générer des palettes et explorer de nouvelles relations de couleurs.

Ouvrir le sélecteur de couleurs