Zum Farbwähler springen

Farbe #afaaff: Kräftiges helles Indigo

#afaaff ist rgb(175, 170, 255) in RGB und oklch(77.462% 0.12019 285.92) in OKLCH. Alle weiteren Formate, Farbtöne und Kontrastwerte findest du unten.

Erkannt als HEX

244°
100 %

77,5 %
0,120
286°
  • Indigo
  • Hell
  • Kräftig
  • Kühl
  • ≈ Mauve
  • indigo-300
  • Schwarz 0 %

Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.

Weißer Text
2.10:1Schwer lesbar
Lc -46
Schwarzer Text
10.02:1Gut lesbar · AA
Lc 63

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

#afaaff ist ein kräftiges helles indigo. In OKLCH hat die Farbe die Helligkeit 77,5 %, das Chroma 0.12 und den Farbton 286°.

Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.

Weißer Text erreicht darauf einen Kontrast von 2.1:1, schwarzer Text 10.02: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: #afaaff mit Weiß gemischt

  1. afaaff
  2. b6b3ff
  3. bebbff
  4. c6c4ff
  5. ceccff
  6. d6d5ff
  7. deddff
  8. e6e6ff
  9. eeeeff
  10. f7f7ff

Dunkler: #afaaff mit Schwarz gemischt

  1. afaaff
  2. 9893de
  3. 817dbe
  4. 6b689e
  5. 565380
  6. 413f63
  7. 2e2d48
  8. 1c1b2e
  9. 0b0b16
  10. 010103

Ruhiger: #afaaff mit weniger Sättigung

  1. afaaff
  2. afacf8
  3. b0adf1
  4. b0aeea
  5. b1b0e2
  6. b2b1db
  7. b2b2d4
  8. b3b3cc
  9. b4b4c5
  10. b5b5bd

Ähnliche benannte Farben

Farben, die zu #afaaff passen

Komplementär
#afaaff#c0ba59
Analog
#afaaff#81b8ff#d49dea
Triadisch
#afaaff#f59d72#5ecea4
Split
#afaaff#e2ab56#92c779

Fragen zu #afaaff

Welche Farbe ist #afaaff?

#afaaff ist ein kräftiges helles indigo. Die nächste benannte Farbe ist Kräftiges helles Indigo. In RGB ist das rgb(175, 170, 255), in HSL hsl(243.53, 100%, 83.33%) und in OKLCH oklch(77.462% 0.12019 285.92).

Welche Farben passen zu #afaaff?

Die Komplementärfarbe von #afaaff ist #c0ba59. Ruhiger wirkt die Kombination mit den analogen Farben #81b8ff und #d49dea. Die triadischen Partner sind #f59d72 und #5ecea4.

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

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

Ist #afaaff eine warme oder kühle Farbe?

#afaaff wirkt kühl. In OKLCH liegt der Farbton bei 286 Grad, die Helligkeit bei 77,5 % und das Chroma bei 0.12.