Zum Farbwähler springen

Farbe #369fff: Kräftiges Blau

#369fff ist rgb(54, 159, 255) in RGB und oklch(68.93% 0.16973 250.296) in OKLCH. Alle weiteren Formate, Farbtöne und Kontrastwerte findest du unten.

Erkannt als HEX

209°
100 %

68,9 %
0,170
250°
  • Blau
  • Mittel
  • Kräftig
  • Kühl
  • ≈ Azurblau
  • blue-400
  • Schwarz 0 %

Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.

Weißer Text
2.78:1Schwer lesbar
Lc -58
Schwarzer Text
7.56:1Gut lesbar · AA
Lc 51

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 #369fff

#369fff ist ein kräftiges blau. In OKLCH hat die Farbe die Helligkeit 68,9 %, das Chroma 0.17 und den Farbton 250°.

Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.

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

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

Mehr mittlere blaue farben

Heller: #369fff mit Weiß gemischt

  1. 369fff
  2. 51a9ff
  3. 67b4ff
  4. 7cbdff
  5. 8fc7ff
  6. a2d1ff
  7. b5daff
  8. c8e4ff
  9. daedff
  10. edf6ff

Dunkler: #369fff mit Schwarz gemischt

  1. 369fff
  2. 2e8ade
  3. 2575be
  4. 1e619e
  5. 164d80
  6. 0f3b63
  7. 082948
  8. 03182e
  9. 010916
  10. 000103

Ruhiger: #369fff mit weniger Sättigung

  1. 369fff
  2. 469ff5
  3. 53a0ec
  4. 5fa0e2
  5. 69a0d8
  6. 739fce
  7. 7b9fc4
  8. 849eba
  9. 8c9db0
  10. 949ca6

Fragen zu #369fff

Welche Farbe ist #369fff?

#369fff ist ein kräftiges blau. Die nächste benannte Farbe ist Kräftiges Blau. In RGB ist das rgb(54, 159, 255), in HSL hsl(208.66, 100%, 60.59%) und in OKLCH oklch(68.93% 0.16973 250.296).

Welche Farben passen zu #369fff?

Die Komplementärfarbe von #369fff ist #db8400. Ruhiger wirkt die Kombination mit den analogen Farben #00aeda und #898bff. Die triadischen Partner sind #f06782 und #76af29.

Ist weißer oder schwarzer Text auf #369fff besser lesbar?

Schwarzer Text ist auf #369fff besser lesbar: Weiß ergibt ein Kontrastverhältnis von 2.78:1, Schwarz 7.56:1. WCAG AA verlangt für Fließtext mindestens 4,5:1.

Ist #369fff eine warme oder kühle Farbe?

#369fff wirkt kühl. In OKLCH liegt der Farbton bei 250 Grad, die Helligkeit bei 68,9 % und das Chroma bei 0.17.