Zum Farbwähler springen

Farbe #577fdb: Kräftiges Blau

#577fdb ist rgb(87, 127, 219) in RGB und oklch(61.133% 0.14677 264.727) in OKLCH. Alle weiteren Formate, Farbtöne und Kontrastwerte findest du unten.

Erkannt als HEX

222°
100 %

61,1 %
0,147
265°
  • Blau
  • Mittel
  • Kräftig
  • Kühl
  • ≈ Stahlblau
  • sky-600
  • Schwarz 14 %

Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.

Weißer Text
3.84:1Schwer lesbar
Lc -71
Schwarzer Text
5.46:1Gut lesbar · AA
Lc 38

Abstufungen

Von der hellsten zur dunkelsten. Klick auf eine Stufe, um sie zu übernehmen.

Harmonien

Als Palette öffnen

Zuletzt

Farben, die du auswählst oder kopierst, erscheinen hier. Sie bleiben auf diesem Gerät.

Über #577fdb

#577fdb ist ein kräftiges blau. In OKLCH hat die Farbe die Helligkeit 61,1 %, das Chroma 0.147 und den Farbton 265°.

Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.

Weißer Text erreicht darauf einen Kontrast von 3.84:1, schwarzer Text 5.46:1. Besser lesbar ist also weißer Text.

Die nächste benannte Farbe ist Stahlblau (#4682b4). In Tailwind CSS kommt sky-600 am nächsten.

Mehr mittlere blaue farben Farben

Heller: #577fdb mit Weiß gemischt

  1. 577fdb
  2. 678ce0
  3. 7799e4
  4. 87a6e8
  5. 98b3ec
  6. a8c0f0
  7. b9ccf3
  8. cad9f7
  9. dce6fa
  10. edf2fc

Dunkler: #577fdb mit Schwarz gemischt

  1. 577fdb
  2. 4b6ebe
  3. 3e5da2
  4. 334c87
  5. 273c6d
  6. 1c2d54
  7. 121f3c
  8. 081126
  9. 030611
  10. 000102

Ruhiger: #577fdb mit weniger Sättigung

  1. 577fdb
  2. 5c80d3
  3. 6081ca
  4. 6582c2
  5. 6983b9
  6. 6e83b0
  7. 7283a8
  8. 77849f
  9. 7b8496
  10. 7f848d

Fragen zu #577fdb

Welche Farbe ist #577fdb?

#577fdb ist ein kräftiges blau. Die nächste benannte Farbe ist Kräftiges Blau. In RGB ist das rgb(87, 127, 219), in HSL hsl(221.82, 64.71%, 60%) und in OKLCH oklch(61.133% 0.14677 264.727).

Welche Farben passen zu #577fdb?

Die Komplementärfarbe von #577fdb ist #ab7a00. Ruhiger wirkt die Kombination mit den analogen Farben #008fce und #8b6fd1. Die triadischen Partner sind #cd5a56 und #419a47.

Ist weißer oder schwarzer Text auf #577fdb besser lesbar?

Weißer Text ist auf #577fdb besser lesbar: Weiß ergibt ein Kontrastverhältnis von 3.84:1, Schwarz 5.46:1. WCAG AA verlangt für Fließtext mindestens 4,5:1.

Ist #577fdb eine warme oder kühle Farbe?

#577fdb wirkt kühl. In OKLCH liegt der Farbton bei 265 Grad, die Helligkeit bei 61,1 % und das Chroma bei 0.147.