Zum Farbwähler springen

Farbe #557ecd: Sanftes Blau

#557ecd ist rgb(85, 126, 205) in RGB und oklch(59.987% 0.12944 262.411) in OKLCH. Alle weiteren Formate, Farbtöne und Kontrastwerte findest du unten.

Erkannt als HEX

220°
100 %

60 %
0,129
262°
  • Blau
  • Mittel
  • Sanft
  • Kühl
  • ≈ Stahlblau
  • sky-600
  • Schwarz 20 %

Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.

Weißer Text
4.00:1Schwer lesbar
Lc -73
Schwarzer Text
5.25:1Gut lesbar · AA
Lc 37

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 #557ecd

#557ecd ist ein sanftes blau. In OKLCH hat die Farbe die Helligkeit 60 %, das Chroma 0.129 und den Farbton 262°.

Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.

Weißer Text erreicht darauf einen Kontrast von 4:1, schwarzer Text 5.25: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

Heller: #557ecd mit Weiß gemischt

  1. 557ecd
  2. 658bd3
  3. 7598d8
  4. 86a5de
  5. 97b2e3
  6. a8bee8
  7. b9cbed
  8. cad8f2
  9. dbe5f6
  10. edf2fb

Dunkler: #557ecd mit Schwarz gemischt

  1. 557ecd
  2. 496db2
  3. 3d5c98
  4. 314c7e
  5. 263c66
  6. 1c2d4e
  7. 111f38
  8. 081123
  9. 02050f
  10. 000102

Ruhiger: #557ecd mit weniger Sättigung

  1. 557ecd
  2. 5a7fc6
  3. 5e7fbe
  4. 6380b7
  5. 6780af
  6. 6b80a7
  7. 7081a0
  8. 748198
  9. 788190
  10. 7c8088

Ähnliche benannte Farben

Farben, die zu #557ecd passen

Komplementär
#557ecd#a67700
Analog
#557ecd#008cc0#8370c6
Triadisch
#557ecd#c15d5c#4e9348
Split
#557ecd#bb672b#82870e

Fragen zu #557ecd

Welche Farbe ist #557ecd?

#557ecd ist ein sanftes blau. Die nächste benannte Farbe ist Sanftes Blau. In RGB ist das rgb(85, 126, 205), in HSL hsl(219.5, 54.55%, 56.86%) und in OKLCH oklch(59.987% 0.12944 262.411).

Welche Farben passen zu #557ecd?

Die Komplementärfarbe von #557ecd ist #a67700. Ruhiger wirkt die Kombination mit den analogen Farben #008cc0 und #8370c6. Die triadischen Partner sind #c15d5c und #4e9348.

Ist weißer oder schwarzer Text auf #557ecd besser lesbar?

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

Ist #557ecd eine warme oder kühle Farbe?

#557ecd wirkt kühl. In OKLCH liegt der Farbton bei 262 Grad, die Helligkeit bei 60 % und das Chroma bei 0.129.