Zum Farbwähler springen

Farbe #554ea6: Sanftes dunkles Indigo

#554ea6 ist rgb(85, 78, 166) in RGB und oklch(47.699% 0.13694 283.502) in OKLCH. Alle weiteren Formate, Farbtöne und Kontrastwerte findest du unten.

Erkannt als HEX

245°
100 %

47,7 %
0,137
284°
  • Indigo
  • Dunkel
  • Sanft
  • Kühl
  • ≈ Saphirblau
  • blue-800
  • Schwarz 35 %

Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.

Weißer Text
6.94:1Gut lesbar · AA
Lc -89
Schwarzer Text
3.03: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 #554ea6

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

Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.

Weißer Text erreicht darauf einen Kontrast von 6.94:1, schwarzer Text 3.03: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: #554ea6 mit Weiß gemischt

  1. 554ea6
  2. 6360b0
  3. 7371b9
  4. 8382c3
  5. 9394cc
  6. a4a5d5
  7. b5b7de
  8. c7c9e6
  9. dadbef
  10. ecedf7

Dunkler: #554ea6 mit Schwarz gemischt

  1. 554ea6
  2. 494390
  3. 3d387a
  4. 312d65
  5. 262351
  6. 1c193e
  7. 110f2b
  8. 08071a
  9. 02020a
  10. 000001

Ruhiger: #554ea6 mit weniger Sättigung

  1. 554ea6
  2. 55509f
  3. 565298
  4. 565491
  5. 57568a
  6. 585882
  7. 58597b
  8. 595a74
  9. 5a5b6c
  10. 5b5c64

Ähnliche benannte Farben

Farben, die zu #554ea6 passen

Komplementär
#554ea6#695e00
Analog
#554ea6#145da7#784192
Triadisch
#554ea6#993c05#007248
Split
#554ea6#844f00#3a6c00

Fragen zu #554ea6

Welche Farbe ist #554ea6?

#554ea6 ist ein sanftes dunkles indigo. Die nächste benannte Farbe ist Sanftes dunkles Indigo. In RGB ist das rgb(85, 78, 166), in HSL hsl(244.77, 36.07%, 47.84%) und in OKLCH oklch(47.699% 0.13694 283.502).

Welche Farben passen zu #554ea6?

Die Komplementärfarbe von #554ea6 ist #695e00. Ruhiger wirkt die Kombination mit den analogen Farben #145da7 und #784192. Die triadischen Partner sind #993c05 und #007248.

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

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

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

#554ea6 wirkt kühl. In OKLCH liegt der Farbton bei 284 Grad, die Helligkeit bei 47,7 % und das Chroma bei 0.137.