Zum Farbwähler springen

Farbe #554e99: Sanftes dunkles Indigo

#554e99 ist rgb(85, 78, 153) in RGB und oklch(46.821% 0.1182 285.113) in OKLCH. Alle weiteren Formate, Farbtöne und Kontrastwerte findest du unten.

Erkannt als HEX

246°
100 %

46,8 %
0,118
285°
  • Indigo
  • Dunkel
  • Sanft
  • Kühl
  • ≈ Saphirblau
  • slate-600
  • Schwarz 40 %

Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.

Weißer Text
7.15:1Gut lesbar · AA
Lc -90
Schwarzer Text
2.94:1Schwer lesbar
Lc 19

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

#554e99 ist ein sanftes dunkles indigo. In OKLCH hat die Farbe die Helligkeit 46,8 %, das Chroma 0.118 und den Farbton 285°.

Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.

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

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

Mehr dunkle indigoblaue farben

Heller: #554e99 mit Weiß gemischt

  1. 554e99
  2. 645fa4
  3. 7370ae
  4. 8381b9
  5. 9493c3
  6. a5a4cd
  7. b6b6d8
  8. c8c8e2
  9. dadaeb
  10. ececf5

Dunkler: #554e99 mit Schwarz gemischt

  1. 554e99
  2. 494384
  3. 3d3870
  4. 312d5d
  5. 26234a
  6. 1c1938
  7. 110f27
  8. 080717
  9. 020208
  10. 000001

Ruhiger: #554e99 mit weniger Sättigung

  1. 554e99
  2. 555093
  3. 55528d
  4. 565387
  5. 565481
  6. 57567a
  7. 575774
  8. 58586e
  9. 595967
  10. 595961

Ähnliche benannte Farben

Farben, die zu #554e99 passen

Komplementär
#554e99#655d00
Analog
#554e99#265b9b#734387
Triadisch
#554e99#8e4017#006e49
Split
#554e99#804e00#3b681b

Fragen zu #554e99

Welche Farbe ist #554e99?

#554e99 ist ein sanftes dunkles indigo. Die nächste benannte Farbe ist Sanftes dunkles Indigo. In RGB ist das rgb(85, 78, 153), in HSL hsl(245.6, 32.47%, 45.29%) und in OKLCH oklch(46.821% 0.1182 285.113).

Welche Farben passen zu #554e99?

Die Komplementärfarbe von #554e99 ist #655d00. Ruhiger wirkt die Kombination mit den analogen Farben #265b9b und #734387. Die triadischen Partner sind #8e4017 und #006e49.

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

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

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

#554e99 wirkt kühl. In OKLCH liegt der Farbton bei 285 Grad, die Helligkeit bei 46,8 % und das Chroma bei 0.118.