Zum Farbwähler springen

Farbe #aaaffd: Kräftiges helles Indigo

#aaaffd ist rgb(170, 175, 253) in RGB und oklch(77.952% 0.111 280.664) in OKLCH. Alle weiteren Formate, Farbtöne und Kontrastwerte findest du unten.

Erkannt als HEX

236°
100 %

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

Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.

Weißer Text
2.05:1Schwer lesbar
Lc -44
Schwarzer Text
10.26: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 #aaaffd

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

Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.

Weißer Text erreicht darauf einen Kontrast von 2.05:1, schwarzer Text 10.26: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

Heller: #aaaffd mit Weiß gemischt

  1. aaaffd
  2. b2b7fe
  3. babffe
  4. c2c7ff
  5. cbcfff
  6. d3d7ff
  7. dcdfff
  8. e4e7ff
  9. edefff
  10. f6f7ff

Dunkler: #aaaffd mit Schwarz gemischt

  1. aaaffd
  2. 9398dc
  3. 7d81bc
  4. 686b9d
  5. 53567f
  6. 3f4162
  7. 2d2e47
  8. 1b1c2d
  9. 0b0b16
  10. 010103

Ruhiger: #aaaffd mit weniger Sättigung

  1. aaaffd
  2. abb0f6
  3. acb1ef
  4. aeb2e9
  5. afb3e2
  6. b0b4db
  7. b1b5d4
  8. b3b5cd
  9. b4b6c6
  10. b6b7be

Ähnliche benannte Farben

Farben, die zu #aaaffd passen

Komplementär
#aaaffd#c7b961
Analog
#aaaffd#80bcfc#cea3ec
Triadisch
#aaaffd#f49f80#71cda0
Split
#aaaffd#e4ab64#9fc679

Fragen zu #aaaffd

Welche Farbe ist #aaaffd?

#aaaffd ist ein kräftiges helles indigo. Die nächste benannte Farbe ist Kräftiges helles Indigo. In RGB ist das rgb(170, 175, 253), in HSL hsl(236.39, 95.4%, 82.94%) und in OKLCH oklch(77.952% 0.111 280.664).

Welche Farben passen zu #aaaffd?

Die Komplementärfarbe von #aaaffd ist #c7b961. Ruhiger wirkt die Kombination mit den analogen Farben #80bcfc und #cea3ec. Die triadischen Partner sind #f49f80 und #71cda0.

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

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

Ist #aaaffd eine warme oder kühle Farbe?

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