Zum Farbwähler springen

Farbe #688aed: Kräftiges Blau

#688aed ist rgb(104, 138, 237) in RGB und oklch(65.404% 0.15258 267.779) in OKLCH. Alle weiteren Formate, Farbtöne und Kontrastwerte findest du unten.

Erkannt als HEX

225°
100 %

65,4 %
0,153
268°
  • Blau
  • Mittel
  • Kräftig
  • Kühl
  • ≈ Azurblau
  • indigo-400
  • Schwarz 7 %

Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.

Weißer Text
3.26:1Schwer lesbar
Lc -65
Schwarzer Text
6.45:1Gut lesbar · AA
Lc 44

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 #688aed

#688aed ist ein kräftiges blau. In OKLCH hat die Farbe die Helligkeit 65,4 %, das Chroma 0.153 und den Farbton 268°.

Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.

Weißer Text erreicht darauf einen Kontrast von 3.26:1, schwarzer Text 6.45:1. Besser lesbar ist also schwarzer Text.

Die nächste benannte Farbe ist Azurblau (#007fff). In Tailwind CSS kommt indigo-400 am nächsten.

Mehr mittlere blaue farben Farben

Heller: #688aed mit Weiß gemischt

  1. 688aed
  2. 7696f0
  3. 84a2f2
  4. 93aef5
  5. a2baf7
  6. b1c5f9
  7. c0d1fb
  8. d0ddfc
  9. dfe8fd
  10. eff4fe

Dunkler: #688aed mit Schwarz gemischt

  1. 688aed
  2. 5977ce
  3. 4b65b0
  4. 3e5393
  5. 304277
  6. 24325c
  7. 182242
  8. 0c142a
  9. 040714
  10. 000103

Ruhiger: #688aed mit weniger Sättigung

  1. 688aed
  2. 6c8be4
  3. 708ddb
  4. 748ed2
  5. 788ec9
  6. 7c8fc0
  7. 8090b7
  8. 8490ad
  9. 8890a4
  10. 8c909a

Ähnliche benannte Farben

Farben, die zu #688aed passen

Komplementär
#688aed#b78900
Analog
#688aed#009be1#9c79e1
Triadisch
#688aed#de665a#41a957
Split
#688aed#d37410#899c00

Fragen zu #688aed

Welche Farbe ist #688aed?

#688aed ist ein kräftiges blau. Die nächste benannte Farbe ist Kräftiges Blau. In RGB ist das rgb(104, 138, 237), in HSL hsl(224.66, 78.7%, 66.86%) und in OKLCH oklch(65.404% 0.15258 267.779).

Welche Farben passen zu #688aed?

Die Komplementärfarbe von #688aed ist #b78900. Ruhiger wirkt die Kombination mit den analogen Farben #009be1 und #9c79e1. Die triadischen Partner sind #de665a und #41a957.

Ist weißer oder schwarzer Text auf #688aed besser lesbar?

Schwarzer Text ist auf #688aed besser lesbar: Weiß ergibt ein Kontrastverhältnis von 3.26:1, Schwarz 6.45:1. WCAG AA verlangt für Fließtext mindestens 4,5:1.

Ist #688aed eine warme oder kühle Farbe?

#688aed wirkt kühl. In OKLCH liegt der Farbton bei 268 Grad, die Helligkeit bei 65,4 % und das Chroma bei 0.153.