Zum Farbwähler springen

Farbe #aaafff: Kräftiges helles Indigo

#aaafff ist rgb(170, 175, 255) in RGB und oklch(78.043% 0.11379 280.659) in OKLCH. Alle weiteren Formate, Farbtöne und Kontrastwerte findest du unten.

Erkannt als HEX

236°
100 %

78 %
0,114
281°
  • Indigo
  • Hell
  • Kräftig
  • Kühl
  • ≈ Mauve
  • indigo-300
  • Schwarz 0 %

Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.

Weißer Text
2.04:1Schwer lesbar
Lc -44
Schwarzer Text
10.29:1Gut lesbar · AA
Lc 64

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

#aaafff ist ein kräftiges helles indigo. In OKLCH hat die Farbe die Helligkeit 78 %, das Chroma 0.114 und den Farbton 281°.

Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.

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

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

Mehr helle indigoblaue farben Farben

Heller: #aaafff mit Weiß gemischt

  1. aaafff
  2. b2b7ff
  3. babfff
  4. c2c7ff
  5. cbcfff
  6. d3d7ff
  7. dcdfff
  8. e4e7ff
  9. edefff
  10. f6f7ff

Dunkler: #aaafff mit Schwarz gemischt

  1. aaafff
  2. 9398de
  3. 7d81be
  4. 686b9e
  5. 535680
  6. 3f4163
  7. 2d2e48
  8. 1b1c2e
  9. 0b0b16
  10. 010103

Ruhiger: #aaafff mit weniger Sättigung

  1. aaafff
  2. abb0f8
  3. acb1f1
  4. aeb2ea
  5. afb3e3
  6. b0b4dc
  7. b2b5d5
  8. b3b6ce
  9. b4b6c6
  10. b6b7bf

Ähnliche benannte Farben

Farben, die zu #aaafff passen

Komplementär
#aaafff#c8ba5e
Analog
#aaafff#7ebdfe#cfa3ee
Triadisch
#aaafff#f69e7f#6fce9f
Split
#aaafff#e6ab62#9ec778

Fragen zu #aaafff

Welche Farbe ist #aaafff?

#aaafff ist ein kräftiges helles indigo. Die nächste benannte Farbe ist Kräftiges helles Indigo. In RGB ist das rgb(170, 175, 255), in HSL hsl(236.47, 100%, 83.33%) und in OKLCH oklch(78.043% 0.11379 280.659).

Welche Farben passen zu #aaafff?

Die Komplementärfarbe von #aaafff ist #c8ba5e. Ruhiger wirkt die Kombination mit den analogen Farben #7ebdfe und #cfa3ee. Die triadischen Partner sind #f69e7f und #6fce9f.

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

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

Ist #aaafff eine warme oder kühle Farbe?

#aaafff wirkt kühl. In OKLCH liegt der Farbton bei 281 Grad, die Helligkeit bei 78 % und das Chroma bei 0.114.