Zum Farbwähler springen

Farbe #a684bb: Sanftes Lila

#a684bb ist rgb(166, 132, 187) in RGB und oklch(66.492% 0.08804 312.139) in OKLCH. Alle weiteren Formate, Farbtöne und Kontrastwerte findest du unten.

Erkannt als HEX

277°
100 %

66,5 %
0,088
312°
  • Lila
  • Mittel
  • Sanft
  • Neutral
  • ≈ Amethyst
  • slate-400
  • Schwarz 27 %

Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.

Weißer Text
3.16:1Schwer lesbar
Lc -64
Schwarzer Text
6.64:1Gut lesbar · AA
Lc 45

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

#a684bb ist ein sanftes lila. In OKLCH hat die Farbe die Helligkeit 66,5 %, das Chroma 0.088 und den Farbton 312°.

Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.

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

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

Mehr mittlere lilafarbene farben Farben

Heller: #a684bb mit Weiß gemischt

  1. a684bb
  2. af90c2
  3. b79cc9
  4. c0a8d0
  5. c9b4d7
  6. d2c0dd
  7. dbcde4
  8. e4d9eb
  9. ede6f2
  10. f6f2f8

Dunkler: #a684bb mit Schwarz gemischt

  1. a684bb
  2. 9072a2
  3. 7a608a
  4. 654f73
  5. 513f5c
  6. 3e2f46
  7. 2b2032
  8. 1a121f
  9. 0a060d
  10. 010102

Ruhiger: #a684bb mit weniger Sättigung

  1. a684bb
  2. a486b7
  3. a287b3
  4. a189af
  5. 9f8bac
  6. 9d8ca8
  7. 9b8ea4
  8. 998fa0
  9. 97919c
  10. 959298

Fragen zu #a684bb

Welche Farbe ist #a684bb?

#a684bb ist ein sanftes lila. Die nächste benannte Farbe ist Sanftes Lila. In RGB ist das rgb(166, 132, 187), in HSL hsl(277.09, 28.8%, 62.55%) und in OKLCH oklch(66.492% 0.08804 312.139).

Welche Farben passen zu #a684bb?

Die Komplementärfarbe von #a684bb ist #7f9f66. Ruhiger wirkt die Kombination mit den analogen Farben #8b8dc9 und #b97ea3. Die triadischen Partner sind #b58b55 und #48a5a2.

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

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

Ist #a684bb eine warme oder kühle Farbe?

#a684bb wirkt neutral. In OKLCH liegt der Farbton bei 312 Grad, die Helligkeit bei 66,5 % und das Chroma bei 0.088.