Aller au contenu
Outil du Jour
Ajoutez en favorisCtrl+D

Bleu cadet

HEX #5F9EA0 • RGB 95,158,160 • HSL 182 25% 50%

Nom officiel CSS : cadetblue

Nuances plus claires (tints)

Base

HEX: #5F9EA0
RGB: rgb(95, 158, 160)
HSL: hsl(182 25% 50%)

Nuances plus sombres (shades)

Tons désaturés (tones)

FAQ sur la couleur Bleu cadet

Comment utiliser Bleu cadet en CSS ?
Utilisez la propriété color (texte), background-color (fond) ou dans un gradient. Exemple : color: #5F9EA0; ou background: rgb(95, 158, 160);.
Quel est le code HEX, RGB et HSL de Bleu cadet ?
HEX : #5F9EA0 — RGB : 95, 158, 160 — HSL : 182 25% 50%.
Comment obtenir une nuance plus claire ou plus sombre ?
En HSL, ajustez la luminosité (L) et la saturation (S). Augmenter L → plus clair, diminuer L → plus sombre. Notre module génère directement ces variantes au-dessus.
Cette couleur est-elle accessible sur fond clair/sombre ?
Vérifiez le contraste WCAG (ratio 4.5:1 pour du texte normal). Utilisez idéalement un testeur de contraste et préférez des variantes plus foncées pour du texte sur fond clair.
Y a-t-il des alternatives proches ?
Oui, les couleurs CSS nommées proches par teinte/saturation peuvent convenir. Parcourez l’index des couleurs pour trouver des équivalents.
Bleu cadet – code #5F9EA0 (RGB 95,158,160) | Outil du Jour