Zum Farbwähler springen

Farbe #4e86fd: Kräftiges Blau

#4e86fd ist rgb(78, 134, 253) in RGB und oklch(64.305% 0.18697 263.191) in OKLCH. Alle weiteren Formate, Farbtöne und Kontrastwerte findest du unten.

Erkannt als HEX

221°
100 %

64,3 %
0,187
263°
  • Blau
  • Mittel
  • Kräftig
  • Kühl
  • ≈ Azurblau
  • blue-500
  • Schwarz 1 %

Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.

Weißer Text
3.41:1Schwer lesbar
Lc -67
Schwarzer Text
6.15:1Gut lesbar · AA
Lc 43

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 #4e86fd

#4e86fd ist ein kräftiges blau. In OKLCH hat die Farbe die Helligkeit 64,3 %, das Chroma 0.187 und den Farbton 263°.

Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.

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

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

Mehr mittlere blaue farben

Heller: #4e86fd mit Weiß gemischt

  1. 4e86fd
  2. 5f93ff
  3. 71a0ff
  4. 82adff
  5. 93b9ff
  6. a5c5ff
  7. b7d1ff
  8. c9dcff
  9. dbe8ff
  10. edf4ff

Dunkler: #4e86fd mit Schwarz gemischt

  1. 4e86fd
  2. 4374dc
  3. 3862bc
  4. 2d519d
  5. 23407f
  6. 193062
  7. 0f2147
  8. 07132d
  9. 020616
  10. 000103

Ruhiger: #4e86fd mit weniger Sättigung

  1. 4e86fd
  2. 5588f2
  3. 5c8ae7
  4. 628bdc
  5. 698cd1
  6. 6f8dc6
  7. 758dbb
  8. 7b8db0
  9. 818da5
  10. 878d99

Fragen zu #4e86fd

Welche Farbe ist #4e86fd?

#4e86fd ist ein kräftiges blau. Die nächste benannte Farbe ist Kräftiges Blau. In RGB ist das rgb(78, 134, 253), in HSL hsl(220.8, 97.77%, 64.9%) und in OKLCH oklch(64.305% 0.18697 263.191).

Welche Farben passen zu #4e86fd?

Die Komplementärfarbe von #4e86fd ist #b98200. Ruhiger wirkt die Kombination mit den analogen Farben #009adc und #9470f2. Die triadischen Partner sind #e95254 und #31a833.

Ist weißer oder schwarzer Text auf #4e86fd besser lesbar?

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

Ist #4e86fd eine warme oder kühle Farbe?

#4e86fd wirkt kühl. In OKLCH liegt der Farbton bei 263 Grad, die Helligkeit bei 64,3 % und das Chroma bei 0.187.