Zum Farbwähler springen

Farbe #556366: Dunkles Grau

#556366 ist rgb(85, 99, 102) in RGB und oklch(48.891% 0.01783 212.065) in OKLCH. Alle weiteren Formate, Farbtöne und Kontrastwerte findest du unten.

Erkannt als HEX

191°
100 %

48,9 %
0,018
212°
  • Grau
  • Dunkel
  • Gedämpft
  • Neutral
  • ≈ Umbra
  • mist-600
  • Schwarz 60 %

Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.

Weißer Text
6.24:1Gut lesbar · AA
Lc -86
Schwarzer Text
3.36:1Schwer lesbar
Lc 23

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 #556366

#556366 ist ein dunkles grau. In OKLCH hat die Farbe die Helligkeit 48,9 %, das Chroma 0.018 und den Farbton 212°.

Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.

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

Die nächste benannte Farbe ist Umbra (#635147). In Tailwind CSS kommt mist-600 am nächsten.

Mehr dunkle graue farben

Heller: #556366 mit Weiß gemischt

  1. 556366
  2. 657174
  3. 748082
  4. 858f91
  5. 959ea0
  6. a6aeaf
  7. b7bebf
  8. c9cecf
  9. dbdede
  10. edeeef

Dunkler: #556366 mit Schwarz gemischt

  1. 556366
  2. 495558
  3. 3d474a
  4. 313a3c
  5. 262e2f
  6. 1c2123
  7. 111617
  8. 080b0c
  9. 020304
  10. 000000

Ruhiger: #556366 mit weniger Sättigung

  1. 556366
  2. 566365
  3. 576265
  4. 586264
  5. 5a6264
  6. 5b6263
  7. 5c6162
  8. 5d6162
  9. 5e6161
  10. 5f6061

Fragen zu #556366

Welche Farbe ist #556366?

#556366 ist ein dunkles grau. Die nächste benannte Farbe ist Dunkles Grau. In RGB ist das rgb(85, 99, 102), in HSL hsl(190.59, 9.09%, 36.67%) und in OKLCH oklch(48.891% 0.01783 212.065).

Welche Farben passen zu #556366?

Die Komplementärfarbe von #556366 ist #6a5d5a. Ruhiger wirkt die Kombination mit den analogen Farben #566461 und #58626a. Die triadischen Partner sind #665d65 und #646055.

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

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

Ist #556366 eine warme oder kühle Farbe?

#556366 wirkt neutral. In OKLCH liegt der Farbton bei 212 Grad, die Helligkeit bei 48,9 % und das Chroma bei 0.018.