Zum Farbwähler springen

Farbe #86a2fa: Kräftiges helles Blau

#86a2fa ist rgb(134, 162, 250) in RGB und oklch(72.772% 0.13207 269.534) in OKLCH. Alle weiteren Formate, Farbtöne und Kontrastwerte findest du unten.

Erkannt als HEX

226°
100 %

72,8 %
0,132
270°
  • Blau
  • Hell
  • Kräftig
  • Kühl
  • ≈ Flieder
  • blue-400
  • Schwarz 2 %

Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.

Weißer Text
2.45:1Schwer lesbar
Lc -53
Schwarzer Text
8.56:1Gut lesbar · AA
Lc 56

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 #86a2fa

#86a2fa ist ein kräftiges helles blau. In OKLCH hat die Farbe die Helligkeit 72,8 %, das Chroma 0.132 und den Farbton 270°.

Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.

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

Die nächste benannte Farbe ist Flieder (#c8a2c8). In Tailwind CSS kommt blue-400 am nächsten.

Mehr helle blaue farben

Heller: #86a2fa mit Weiß gemischt

  1. 86a2fa
  2. 91acfb
  3. 9db5fc
  4. a9befd
  5. b5c8fe
  6. c1d1ff
  7. cddaff
  8. d9e4ff
  9. e6edff
  10. f2f6ff

Dunkler: #86a2fa mit Schwarz gemischt

  1. 86a2fa
  2. 748cd9
  3. 6277ba
  4. 51639b
  5. 404f7d
  6. 303c61
  7. 212a46
  8. 13192d
  9. 060a15
  10. 010103

Ruhiger: #86a2fa mit weniger Sättigung

  1. 86a2fa
  2. 89a3f2
  3. 8ca4ea
  4. 90a5e2
  5. 93a5da
  6. 96a6d1
  7. 9aa6c9
  8. 9da6c1
  9. a0a7b8
  10. a3a7b0

Ähnliche benannte Farben

Farben, die zu #86a2fa passen

Komplementär
#86a2fa#c8a232
Analog
#86a2fa#4ab1f1#b393ee
Triadisch
#86a2fa#ee8575#64be79
Split
#86a2fa#e39149#9db34b

Fragen zu #86a2fa

Welche Farbe ist #86a2fa?

#86a2fa ist ein kräftiges helles blau. Die nächste benannte Farbe ist Kräftiges helles Blau. In RGB ist das rgb(134, 162, 250), in HSL hsl(225.52, 92.06%, 75.29%) und in OKLCH oklch(72.772% 0.13207 269.534).

Welche Farben passen zu #86a2fa?

Die Komplementärfarbe von #86a2fa ist #c8a232. Ruhiger wirkt die Kombination mit den analogen Farben #4ab1f1 und #b393ee. Die triadischen Partner sind #ee8575 und #64be79.

Ist weißer oder schwarzer Text auf #86a2fa besser lesbar?

Schwarzer Text ist auf #86a2fa besser lesbar: Weiß ergibt ein Kontrastverhältnis von 2.45:1, Schwarz 8.56:1. WCAG AA verlangt für Fließtext mindestens 4,5:1.

Ist #86a2fa eine warme oder kühle Farbe?

#86a2fa wirkt kühl. In OKLCH liegt der Farbton bei 270 Grad, die Helligkeit bei 72,8 % und das Chroma bei 0.132.