Zum Farbwähler springen

Farbe #554fa3: Sanftes dunkles Indigo

#554fa3 ist rgb(85, 79, 163) in RGB und oklch(47.683% 0.1312 283.46) in OKLCH. Alle weiteren Formate, Farbtöne und Kontrastwerte findest du unten.

Erkannt als HEX

244°
100 %

47,7 %
0,131
283°
  • Indigo
  • Dunkel
  • Sanft
  • Kühl
  • ≈ Saphirblau
  • sky-700
  • Schwarz 36 %

Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.

Weißer Text
6.92: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 #554fa3

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

Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.

Weißer Text erreicht darauf einen Kontrast von 6.92: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 sky-700 am nächsten.

Mehr dunkle indigoblaue farben

Heller: #554fa3 mit Weiß gemischt

  1. 554fa3
  2. 6460ad
  3. 7372b7
  4. 8383c0
  5. 9394ca
  6. a4a5d3
  7. b6b7dc
  8. c7c9e5
  9. dadbee
  10. ecedf7

Dunkler: #554fa3 mit Schwarz gemischt

  1. 554fa3
  2. 49448d
  3. 3d3878
  4. 312e63
  5. 26234f
  6. 1c193c
  7. 11102a
  8. 080719
  9. 02020a
  10. 000001

Ruhiger: #554fa3 mit weniger Sättigung

  1. 554fa3
  2. 55519c
  3. 565395
  4. 56558f
  5. 575688
  6. 585881
  7. 58597a
  8. 595a73
  9. 5a5b6b
  10. 5b5c64

Ähnliche benannte Farben

Farben, die zu #554fa3 passen

Komplementär
#554fa3#695e00
Analog
#554fa3#1a5da4#764290
Triadisch
#554fa3#963e0f#007248
Split
#554fa3#844f00#3c6b09

Fragen zu #554fa3

Welche Farbe ist #554fa3?

#554fa3 ist ein sanftes dunkles indigo. Die nächste benannte Farbe ist Sanftes dunkles Indigo. In RGB ist das rgb(85, 79, 163), in HSL hsl(244.29, 34.71%, 47.45%) und in OKLCH oklch(47.683% 0.1312 283.46).

Welche Farben passen zu #554fa3?

Die Komplementärfarbe von #554fa3 ist #695e00. Ruhiger wirkt die Kombination mit den analogen Farben #1a5da4 und #764290. Die triadischen Partner sind #963e0f und #007248.

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

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

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

#554fa3 wirkt kühl. In OKLCH liegt der Farbton bei 283 Grad, die Helligkeit bei 47,7 % und das Chroma bei 0.131.