Zum Farbwähler springen

Farbe #aaa7f4: Kräftiges helles Indigo

#aaa7f4 ist rgb(170, 167, 244) in RGB und oklch(75.997% 0.10956 285.258) in OKLCH. Alle weiteren Formate, Farbtöne und Kontrastwerte findest du unten.

Erkannt als HEX

242°
100 %

76 %
0,110
285°
  • Indigo
  • Hell
  • Kräftig
  • Kühl
  • ≈ Flieder
  • indigo-300
  • Schwarz 4 %

Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.

Weißer Text
2.20:1Schwer lesbar
Lc -48
Schwarzer Text
9.54:1Gut lesbar · AA
Lc 61

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

#aaa7f4 ist ein kräftiges helles indigo. In OKLCH hat die Farbe die Helligkeit 76 %, das Chroma 0.11 und den Farbton 285°.

Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.

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

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

Mehr helle indigoblaue farben

Heller: #aaa7f4 mit Weiß gemischt

  1. aaa7f4
  2. b2b0f6
  3. bab9f7
  4. c2c2f9
  5. cbcafa
  6. d3d3fb
  7. dcdcfc
  8. e4e5fd
  9. ededfe
  10. f6f6fe

Dunkler: #aaa7f4 mit Schwarz gemischt

  1. aaa7f4
  2. 9391d4
  3. 7d7bb5
  4. 686697
  5. 53527a
  6. 3f3e5e
  7. 2d2c44
  8. 1b1a2b
  9. 0b0a14
  10. 010103

Ruhiger: #aaa7f4 mit weniger Sättigung

  1. aaa7f4
  2. aba8ee
  3. abaae7
  4. acabe0
  5. acacda
  6. adadd3
  7. aeaecc
  8. aeafc6
  9. afafbf
  10. b0b0b8

Ähnliche benannte Farben

Farben, die zu #aaa7f4 passen

Komplementär
#aaa7f4#bbb55e
Analog
#aaa7f4#81b4f6#cc9ce1
Triadisch
#aaa7f4#eb9a75#66c7a0
Split
#aaa7f4#daa75d#92c17a

Fragen zu #aaa7f4

Welche Farbe ist #aaa7f4?

#aaa7f4 ist ein kräftiges helles indigo. Die nächste benannte Farbe ist Kräftiges helles Indigo. In RGB ist das rgb(170, 167, 244), in HSL hsl(242.34, 77.78%, 80.59%) und in OKLCH oklch(75.997% 0.10956 285.258).

Welche Farben passen zu #aaa7f4?

Die Komplementärfarbe von #aaa7f4 ist #bbb55e. Ruhiger wirkt die Kombination mit den analogen Farben #81b4f6 und #cc9ce1. Die triadischen Partner sind #eb9a75 und #66c7a0.

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

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

Ist #aaa7f4 eine warme oder kühle Farbe?

#aaa7f4 wirkt kühl. In OKLCH liegt der Farbton bei 285 Grad, die Helligkeit bei 76 % und das Chroma bei 0.11.