Zum Farbwähler springen

Farbe #554da4: Sanftes dunkles Indigo

#554da4 ist rgb(85, 77, 164) in RGB und oklch(47.371% 0.13556 284.114) in OKLCH. Alle weiteren Formate, Farbtöne und Kontrastwerte findest du unten.

Erkannt als HEX

246°
100 %

47,4 %
0,136
284°
  • Indigo
  • Dunkel
  • Sanft
  • Kühl
  • ≈ Saphirblau
  • blue-800
  • Schwarz 36 %

Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.

Weißer Text
7.04:1Gut lesbar · AA
Lc -89
Schwarzer Text
2.98:1Schwer lesbar
Lc 20

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

#554da4 ist ein sanftes dunkles indigo. In OKLCH hat die Farbe die Helligkeit 47,4 %, das Chroma 0.136 und den Farbton 284°.

Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.

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

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

Mehr dunkle indigoblaue farben Farben

Heller: #554da4 mit Weiß gemischt

  1. 554da4
  2. 635fae
  3. 7370b8
  4. 8382c1
  5. 9393cb
  6. a4a5d4
  7. b6b6dd
  8. c7c8e6
  9. dadaee
  10. ecedf7

Dunkler: #554da4 mit Schwarz gemischt

  1. 554da4
  2. 49428e
  3. 3d3779
  4. 312c64
  5. 262250
  6. 1c183d
  7. 110f2b
  8. 08071a
  9. 02020a
  10. 000001

Ruhiger: #554da4 mit weniger Sättigung

  1. 554da4
  2. 554f9d
  3. 565196
  4. 56538f
  5. 565588
  6. 575781
  7. 58587a
  8. 595972
  9. 5a5a6b
  10. 5b5b63

Ähnliche benannte Farben

Farben, die zu #554da4 passen

Komplementär
#554da4#685e00
Analog
#554da4#175ca5#774090
Triadisch
#554da4#973b03#007148
Split
#554da4#834f00#396b01

Fragen zu #554da4

Welche Farbe ist #554da4?

#554da4 ist ein sanftes dunkles indigo. Die nächste benannte Farbe ist Sanftes dunkles Indigo. In RGB ist das rgb(85, 77, 164), in HSL hsl(245.52, 36.1%, 47.25%) und in OKLCH oklch(47.371% 0.13556 284.114).

Welche Farben passen zu #554da4?

Die Komplementärfarbe von #554da4 ist #685e00. Ruhiger wirkt die Kombination mit den analogen Farben #175ca5 und #774090. Die triadischen Partner sind #973b03 und #007148.

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

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

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

#554da4 wirkt kühl. In OKLCH liegt der Farbton bei 284 Grad, die Helligkeit bei 47,4 % und das Chroma bei 0.136.