Couleur #6B90B3 (Heavenly Sky)
Le code hexadécimal #6B90B3 correspond à la couleur Heavenly Sky. Vous pouvez consulter ci-dessous ses valeurs exactes en RGB, HSL et CMYK, vérifier son contraste sur fond blanc et noir, et découvrir les couleurs similaires et complémentaires dans la famille des bleus.
| Code HEX | #6B90B3 |
|---|---|
| Code RGB | rgb(107, 144, 179) |
| Code HSL | hsl(209.2, 32.1%, 56.1%) |
| Code CMYK | cmyk(40%, 20%, 0%, 30%) |
| Famille de couleur | Bleus |
Contraste et accessibilité (WCAG)
Couleur complémentaire
Habañero#F98513
Couleurs similaires
Explorez les couleurs par famille
Plus de 469 couleurs nommées, avec leurs codes HEX, RGB, HSL et CMYK, organisées dans 12 familles de teintes.
Comment utiliser la couleur Heavenly Sky
Appliquez-la dans votre CSS ou design
Copiez le code #6B90B3 et utilisez-le directement dans votre feuille de styles, par exemple background-color: #6B90B3; ou color: #6B90B3;. Si vous avez besoin de la valeur dans un autre format, convertissez-la en RGB, HSL ou CMYK avec notre convertisseur de couleurs.
Associez-le à d'autres couleurs
Testez Heavenly Sky avec sa couleur complémentaire ou avec les tonalités similaires de la famille bleus que nous vous montrons ci-dessous, ou générez une palette complète à partir de cette couleur avec le générateur de palettes.
Vérifiez l'accessibilité
Avant d'utiliser Heavenly Sky comme couleur de texte ou de fond, vérifiez le ratio de contraste sur blanc et noir indiqué ci-dessus, ou analysez n'importe quelle combinaison dans le vérificateur de contraste pour vous assurer qu'elle respecte les niveaux WCAG AA et AAA.
FAQ
Quelle couleur est #6B90B3 ?
+
Le code #6B90B3 correspond à la couleur Heavenly Sky, faisant partie de la famille des bleus.
Avec quelles couleurs Heavenly Sky s'associe-t-il bien ?
+
Vous pouvez voir sa couleur complémentaire et plusieurs couleurs similaires ci-dessous, ou générer une palette complète à partir de Heavenly Sky avec notre générateur de palettes.
La couleur Heavenly Sky est-elle accessible pour le texte ?
+
Cela dépend du fond : consultez le ratio de contraste sur blanc et noir ci-dessus pour savoir s'il respecte les niveaux d'accessibilité WCAG AA et AAA.
