Zum Farbwähler springen

Farbe #677abe: Sanftes Indigo

#677abe ist rgb(103, 122, 190) in RGB und oklch(59.387% 0.1066 271.021) in OKLCH. Alle weiteren Formate, Farbtöne und Kontrastwerte findest du unten.

Erkannt als HEX

227°
100 %

59,4 %
0,107
271°
  • Indigo
  • Mittel
  • Sanft
  • Kühl
  • ≈ Stahlblau
  • slate-500
  • Schwarz 25 %

Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.

Weißer Text
4.11:1Schwer lesbar
Lc -74
Schwarzer Text
5.10:1Gut lesbar · AA
Lc 36

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 #677abe

#677abe ist ein sanftes indigo. In OKLCH hat die Farbe die Helligkeit 59,4 %, das Chroma 0.107 und den Farbton 271°.

Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.

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

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

Mehr mittlere indigoblaue farben

Heller: #677abe mit Weiß gemischt

  1. 677abe
  2. 7587c5
  3. 8394cc
  4. 92a1d3
  5. a1aed9
  6. b0bce0
  7. bfc9e6
  8. cfd6ed
  9. dfe4f3
  10. eff1f9

Dunkler: #677abe mit Schwarz gemischt

  1. 677abe
  2. 5969a5
  3. 4b598c
  4. 3d4975
  5. 303a5e
  6. 232b48
  7. 171d33
  8. 0c101f
  9. 04050d
  10. 000102

Ruhiger: #677abe mit weniger Sättigung

  1. 677abe
  2. 697bb8
  3. 6b7cb2
  4. 6e7cab
  5. 707da5
  6. 727d9f
  7. 757d99
  8. 777e92
  9. 797e8c
  10. 7c7e85

Fragen zu #677abe

Welche Farbe ist #677abe?

#677abe ist ein sanftes indigo. Die nächste benannte Farbe ist Sanftes Indigo. In RGB ist das rgb(103, 122, 190), in HSL hsl(226.9, 40.09%, 57.45%) und in OKLCH oklch(59.387% 0.1066 271.021).

Welche Farben passen zu #677abe?

Die Komplementärfarbe von #677abe ist #967b25. Ruhiger wirkt die Kombination mit den analogen Farben #3a86b8 und #896fb4. Die triadischen Partner sind #b56556 und #49905d.

Ist weißer oder schwarzer Text auf #677abe besser lesbar?

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

Ist #677abe eine warme oder kühle Farbe?

#677abe wirkt kühl. In OKLCH liegt der Farbton bei 271 Grad, die Helligkeit bei 59,4 % und das Chroma bei 0.107.