Zum Farbwähler springen

Farbe #a686ff: Kräftiges helles Violett

#a686ff ist rgb(166, 134, 255) in RGB und oklch(70.225% 0.17302 293.641) in OKLCH. Alle weiteren Formate, Farbtöne und Kontrastwerte findest du unten.

Erkannt als HEX

256°
100 %

70,2 %
0,173
294°
  • Violett
  • Hell
  • Kräftig
  • Kühl
  • ≈ Amethyst
  • violet-400
  • Schwarz 0 %

Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.

Weißer Text
2.81:1Schwer lesbar
Lc -59
Schwarzer Text
7.48:1Gut lesbar · AA
Lc 50

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

#a686ff ist ein kräftiges helles violett. In OKLCH hat die Farbe die Helligkeit 70,2 %, das Chroma 0.173 und den Farbton 294°.

Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.

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

Die nächste benannte Farbe ist Amethyst (#9966cc). In Tailwind CSS kommt violet-400 am nächsten.

Mehr helle violette farben Farben

Heller: #a686ff mit Weiß gemischt

  1. a686ff
  2. ae93ff
  3. b69fff
  4. bfacff
  5. c7b8ff
  6. d0c4ff
  7. d9d0ff
  8. e3dcff
  9. ece7ff
  10. f5f3ff

Dunkler: #a686ff mit Schwarz gemischt

  1. a686ff
  2. 9074de
  3. 7a62be
  4. 65519e
  5. 514080
  6. 3e3063
  7. 2b2148
  8. 1a132e
  9. 0a0616
  10. 010103

Ruhiger: #a686ff mit weniger Sättigung

  1. a686ff
  2. a58af6
  3. a48dec
  4. a390e3
  5. a292da
  6. a195d0
  7. a197c7
  8. a099bd
  9. a09bb3
  10. 9f9da9

Ähnliche benannte Farben

Farben, die zu #a686ff passen

Komplementär
#a686ff#a0a900
Analog
#a686ff#669aff#d275dc
Triadisch
#a686ff#ef7b10#00bd97
Split
#a686ff#cf9300#50ba52

Fragen zu #a686ff

Welche Farbe ist #a686ff?

#a686ff ist ein kräftiges helles violett. Die nächste benannte Farbe ist Kräftiges helles Violett. In RGB ist das rgb(166, 134, 255), in HSL hsl(255.87, 100%, 76.27%) und in OKLCH oklch(70.225% 0.17302 293.641).

Welche Farben passen zu #a686ff?

Die Komplementärfarbe von #a686ff ist #a0a900. Ruhiger wirkt die Kombination mit den analogen Farben #669aff und #d275dc. Die triadischen Partner sind #ef7b10 und #00bd97.

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

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

Ist #a686ff eine warme oder kühle Farbe?

#a686ff wirkt kühl. In OKLCH liegt der Farbton bei 294 Grad, die Helligkeit bei 70,2 % und das Chroma bei 0.173.