Aller au sélecteur de couleur

Couleur #558cc3 : Douce nuance de bleu

#558cc3 correspond à rgb(85, 140, 195) en RGB et à oklch(62.543% 0.10207 249.755) en OKLCH. Tous les autres formats, nuances et valeurs de contraste sont plus bas.

Lu comme HEX

210°
100 %

62,5 %
0,102
250°
  • Bleu
  • Moyen
  • Doux
  • Froide
  • ≈ Bleu acier
  • cyan-600
  • Noir 24 %

Dans le sRGB : s’affiche de la même façon sur tous les écrans.

Texte blanc
3.54:1Peu lisible
Lc -68
Texte noir
5.93:1Lisible · AA
Lc 41

Nuances

De la plus claire à la plus foncée. Cliquez sur une nuance pour l’utiliser.

Harmonies

Ouvrir en palette

Récents

Les couleurs que vous choisissez ou copiez apparaissent ici. Elles restent sur cet appareil.

À propos de #558cc3

#558cc3 est une douce nuance de bleu. En OKLCH, sa clarté est de 62,5 %, son chroma de 0.102 et sa teinte de 250°.

Dans le sRGB : s’affiche de la même façon sur tous les écrans.

Un texte blanc sur cette couleur atteint un contraste de 3.54:1 et un texte noir 5.93:1 : le texte blanc est donc plus lisible.

La couleur nommée la plus proche est Bleu acier (#4682b4). Dans Tailwind CSS, la plus proche est cyan-600.

Voir aussi : couleurs bleu moyen

Plus clair : #558cc3 mélangé au blanc

  1. 558cc3
  2. 6697c9
  3. 77a3d0
  4. 88aed6
  5. 99badc
  6. a9c5e2
  7. bad1e8
  8. cbdcee
  9. dce8f4
  10. eef3f9

Plus foncé : #558cc3 mélangé au noir

  1. 558cc3
  2. 4979a9
  3. 3d6790
  4. 315578
  5. 264360
  6. 1c334a
  7. 112334
  8. 081420
  9. 02070e
  10. 000102

Plus calme : #558cc3 moins saturé

  1. 558cc3
  2. 5b8cbd
  3. 618cb7
  4. 668bb2
  5. 6c8bac
  6. 718ba6
  7. 758aa0
  8. 7a8a9a
  9. 7f8994
  10. 83888e

Questions sur #558cc3

Quelle est la couleur #558cc3 ?

#558cc3 est une douce nuance de bleu. La couleur nommée la plus proche est Douce nuance de bleu. En RGB, elle s’écrit rgb(85, 140, 195), en HSL hsl(210, 47.83%, 54.9%) et en OKLCH oklch(62.543% 0.10207 249.755).

Quelles couleurs vont bien avec #558cc3 ?

La couleur complémentaire de #558cc3 est #af7c3d. Pour un accord plus calme, prenez les couleurs analogues #2a96b2 et #7b81c4. Les partenaires en triade sont #bc6d7a et #749450.

Texte blanc ou noir : lequel est le plus lisible sur #558cc3 ?

Sur #558cc3, le texte le plus lisible est : Blanc. Le blanc donne un ratio de contraste de 3.54:1, le noir 5.93:1. Le niveau WCAG AA demande au moins 4,5:1 pour le texte courant.

#558cc3 est-elle une couleur chaude ou froide ?

#558cc3 est une couleur froide. En OKLCH, sa teinte est de 250 degrés, sa clarté de 62,5 % et son chroma de 0.102.