Zum Farbwähler springen

Farbe #554e86: Gedämpftes dunkles Violett

#554e86 ist rgb(85, 78, 134) in RGB und oklch(45.65% 0.08979 288.032) in OKLCH. Alle weiteren Formate, Farbtöne und Kontrastwerte findest du unten.

Erkannt als HEX

248°
100 %

45,6 %
0,090
288°
  • Violett
  • Dunkel
  • Gedämpft
  • Kühl
  • ≈ Aubergine
  • slate-600
  • Schwarz 47 %

Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.

Weißer Text
7.45:1Gut lesbar · AA
Lc -91
Schwarzer Text
2.82:1Schwer lesbar
Lc 18

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 #554e86

#554e86 ist ein gedämpftes dunkles violett. In OKLCH hat die Farbe die Helligkeit 45,6 %, das Chroma 0.09 und den Farbton 288°.

Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.

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

Die nächste benannte Farbe ist Aubergine (#614051). In Tailwind CSS kommt slate-600 am nächsten.

Mehr dunkle violette farben

Heller: #554e86 mit Weiß gemischt

  1. 554e86
  2. 645f92
  3. 746f9e
  4. 8480aa
  5. 9492b6
  6. a5a3c2
  7. b6b5cf
  8. c8c7db
  9. dadae7
  10. ececf3

Dunkler: #554e86 mit Schwarz gemischt

  1. 554e86
  2. 494374
  3. 3d3862
  4. 312d51
  5. 262340
  6. 1c1930
  7. 110f21
  8. 080713
  9. 020206
  10. 000001

Ruhiger: #554e86 mit weniger Sättigung

  1. 554e86
  2. 554f81
  3. 55507d
  4. 555178
  5. 555274
  6. 55536f
  7. 56546a
  8. 565566
  9. 565661
  10. 57565c

Ähnliche benannte Farben

Farben, die zu #554e86 passen

Komplementär
#554e86#5c5a12
Analog
#554e86#365789#6c4677
Triadisch
#554e86#7f4627#08674d
Split
#554e86#72500c#3d632f

Fragen zu #554e86

Welche Farbe ist #554e86?

#554e86 ist ein gedämpftes dunkles violett. Die nächste benannte Farbe ist Gedämpftes dunkles Violett. In RGB ist das rgb(85, 78, 134), in HSL hsl(247.5, 26.42%, 41.57%) und in OKLCH oklch(45.65% 0.08979 288.032).

Welche Farben passen zu #554e86?

Die Komplementärfarbe von #554e86 ist #5c5a12. Ruhiger wirkt die Kombination mit den analogen Farben #365789 und #6c4677. Die triadischen Partner sind #7f4627 und #08674d.

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

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

Ist #554e86 eine warme oder kühle Farbe?

#554e86 wirkt kühl. In OKLCH liegt der Farbton bei 288 Grad, die Helligkeit bei 45,6 % und das Chroma bei 0.09.