Zum Farbwähler springen

Farbe #af77bb: Sanftes Magenta

#af77bb ist rgb(175, 119, 187) in RGB und oklch(65.087% 0.11618 320.367) in OKLCH. Alle weiteren Formate, Farbtöne und Kontrastwerte findest du unten.

Erkannt als HEX

289°
100 %

65,1 %
0,116
320°
  • Magenta
  • Mittel
  • Sanft
  • Neutral
  • ≈ Amethyst
  • violet-400
  • Schwarz 27 %

Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.

Weißer Text
3.40:1Schwer lesbar
Lc -67
Schwarzer Text
6.18:1Gut lesbar · AA
Lc 43

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

#af77bb ist ein sanftes magenta. In OKLCH hat die Farbe die Helligkeit 65,1 %, das Chroma 0.116 und den Farbton 320°.

Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.

Weißer Text erreicht darauf einen Kontrast von 3.4:1, schwarzer Text 6.18:1. Besser lesbar ist also weißer Text.

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

Mehr mittlere magentafarbene farben

Heller: #af77bb mit Weiß gemischt

  1. af77bb
  2. b784c2
  3. bf92c9
  4. c79fd0
  5. cfadd7
  6. d7bade
  7. dfc8e4
  8. e7d5eb
  9. efe3f2
  10. f7f1f8

Dunkler: #af77bb mit Schwarz gemischt

  1. af77bb
  2. 9867a2
  3. 81578a
  4. 6b4773
  5. 56385c
  6. 412a46
  7. 2e1c32
  8. 1c101f
  9. 0b050d
  10. 010102

Ruhiger: #af77bb mit weniger Sättigung

  1. af77bb
  2. ac7ab7
  3. a97db3
  4. a67fae
  5. a382aa
  6. a084a6
  7. 9d87a1
  8. 99899d
  9. 968b98
  10. 938d94

Fragen zu #af77bb

Welche Farbe ist #af77bb?

#af77bb ist ein sanftes magenta. Die nächste benannte Farbe ist Sanftes Magenta. In RGB ist das rgb(175, 119, 187), in HSL hsl(289.41, 33.33%, 60%) und in OKLCH oklch(65.087% 0.11618 320.367).

Welche Farben passen zu #af77bb?

Die Komplementärfarbe von #af77bb ist #67a15b. Ruhiger wirkt die Kombination mit den analogen Farben #8f82d1 und #c47099. Die triadischen Partner sind #b4872f und #00a4ac.

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

Weißer Text ist auf #af77bb besser lesbar: Weiß ergibt ein Kontrastverhältnis von 3.4:1, Schwarz 6.18:1. WCAG AA verlangt für Fließtext mindestens 4,5:1.

Ist #af77bb eine warme oder kühle Farbe?

#af77bb wirkt neutral. In OKLCH liegt der Farbton bei 320 Grad, die Helligkeit bei 65,1 % und das Chroma bei 0.116.