Zum Farbwähler springen

Farbe #7aaffe: Kräftiges helles Blau

#7aaffe ist rgb(122, 175, 254) in RGB und oklch(74.954% 0.12787 258.155) in OKLCH. Alle weiteren Formate, Farbtöne und Kontrastwerte findest du unten.

Erkannt als HEX

216°
100 %

75 %
0,128
258°
  • Blau
  • Hell
  • Kräftig
  • Kühl
  • ≈ Babyblau
  • indigo-300
  • Schwarz 0 %

Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.

Weißer Text
2.24:1Schwer lesbar
Lc -49
Schwarzer Text
9.39:1Gut lesbar · AA
Lc 60

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 #7aaffe

#7aaffe ist ein kräftiges helles blau. In OKLCH hat die Farbe die Helligkeit 75 %, das Chroma 0.128 und den Farbton 258°.

Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.

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

Die nächste benannte Farbe ist Babyblau (#89cff0). In Tailwind CSS kommt indigo-300 am nächsten.

Mehr helle blaue farben Farben

Heller: #7aaffe mit Weiß gemischt

  1. 7aaffe
  2. 87b7ff
  3. 95c0ff
  4. a2c8ff
  5. afd0ff
  6. bcd8ff
  7. cae0ff
  8. d7e8ff
  9. e4efff
  10. f2f7ff

Dunkler: #7aaffe mit Schwarz gemischt

  1. 7aaffe
  2. 6998dd
  3. 5981bd
  4. 496b9e
  5. 3a5680
  6. 2b4163
  7. 1d2e47
  8. 101c2d
  9. 050b16
  10. 010103

Ruhiger: #7aaffe mit weniger Sättigung

  1. 7aaffe
  2. 80aff6
  3. 85afee
  4. 8bb0e7
  5. 90b0df
  6. 95afd7
  7. 9aafcf
  8. 9fafc7
  9. a4afbe
  10. a9aeb6

Fragen zu #7aaffe

Welche Farbe ist #7aaffe?

#7aaffe ist ein kräftiges helles blau. Die nächste benannte Farbe ist Kräftiges helles Blau. In RGB ist das rgb(122, 175, 254), in HSL hsl(215.91, 98.51%, 73.73%) und in OKLCH oklch(74.954% 0.12787 258.155).

Welche Farben passen zu #7aaffe?

Die Komplementärfarbe von #7aaffe ist #daa344. Ruhiger wirkt die Kombination mit den analogen Farben #3ebded und #aaa0fa. Die triadischen Partner sind #f48b8f und #84c170.

Ist weißer oder schwarzer Text auf #7aaffe besser lesbar?

Schwarzer Text ist auf #7aaffe besser lesbar: Weiß ergibt ein Kontrastverhältnis von 2.24:1, Schwarz 9.39:1. WCAG AA verlangt für Fließtext mindestens 4,5:1.

Ist #7aaffe eine warme oder kühle Farbe?

#7aaffe wirkt kühl. In OKLCH liegt der Farbton bei 258 Grad, die Helligkeit bei 75 % und das Chroma bei 0.128.