Aller au sélecteur de couleur

Couleur #558cc2 : Douce nuance de bleu

#558cc2 correspond à rgb(85, 140, 194) en RGB et à oklch(62.493% 0.10083 249.308) en OKLCH. Tous les autres formats, nuances et valeurs de contraste sont plus bas.

Lu comme HEX

210°
100 %

62,5 %
0,101
249°
  • 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.55:1Peu lisible
Lc -68
Texte noir
5.92: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 #558cc2

#558cc2 est une douce nuance de bleu. En OKLCH, sa clarté est de 62,5 %, son chroma de 0.101 et sa teinte de 249°.

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.55:1 et un texte noir 5.92: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 : #558cc2 mélangé au blanc

  1. 558cc2
  2. 6697c9
  3. 77a3cf
  4. 88aed5
  5. 99badb
  6. a9c5e2
  7. bad1e8
  8. cbdcee
  9. dce8f4
  10. eef3f9

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

  1. 558cc2
  2. 4979a8
  3. 3d678f
  4. 315577
  5. 264360
  6. 1c3349
  7. 112334
  8. 081420
  9. 02070e
  10. 000102

Plus calme : #558cc2 moins saturé

  1. 558cc2
  2. 5b8cbc
  3. 618cb7
  4. 668bb1
  5. 6b8bab
  6. 708ba5
  7. 758aa0
  8. 7a8a9a
  9. 7f8994
  10. 83888e

Questions sur #558cc2

Quelle est la couleur #558cc2 ?

#558cc2 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, 194), en HSL hsl(209.72, 47.19%, 54.71%) et en OKLCH oklch(62.493% 0.10083 249.308).

Quelles couleurs vont bien avec #558cc2 ?

La couleur complémentaire de #558cc2 est #af7c3e. Pour un accord plus calme, prenez les couleurs analogues #2b96b1 et #7b81c4. Les partenaires en triade sont #bb6d7a et #749450.

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

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

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

#558cc2 est une couleur froide. En OKLCH, sa teinte est de 249 degrés, sa clarté de 62,5 % et son chroma de 0.101.