Zum Farbwähler springen

Farbe #476a8d: Staubiges Blau

#476a8d ist rgb(71, 106, 141) in RGB und oklch(51.264% 0.06894 249.303) in OKLCH. Alle weiteren Formate, Farbtöne und Kontrastwerte findest du unten.

Erkannt als HEX

210°
100 %

51,3 %
0,069
249°
  • Blau
  • Mittel
  • Sanft
  • Staubig
  • Kühl
  • ≈ Coelinblau
  • slate-500
  • Schwarz 45 %

Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.

Weißer Text
5.65:1Gut lesbar · AA
Lc -83
Schwarzer Text
3.71:1Schwer lesbar
Lc 26

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 #476a8d

#476a8d ist ein staubiges blau. In OKLCH hat die Farbe die Helligkeit 51,3 %, das Chroma 0.069 und den Farbton 249°.

Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.

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

Die nächste benannte Farbe ist Coelinblau (#007ba7). In Tailwind CSS kommt slate-500 am nächsten.

Mehr mittlere blaue farben

Heller: #476a8d mit Weiß gemischt

  1. 476a8d
  2. 587898
  3. 6a86a3
  4. 7c95af
  5. 8ea3ba
  6. a0b2c5
  7. b2c1d1
  8. c5d0dc
  9. d8e0e8
  10. ebeff3

Dunkler: #476a8d mit Schwarz gemischt

  1. 476a8d
  2. 3d5b7a
  3. 324d67
  4. 283f55
  5. 1f3144
  6. 162433
  7. 0d1823
  8. 060d14
  9. 020407
  10. 000001

Ruhiger: #476a8d mit weniger Sättigung

  1. 476a8d
  2. 4b6a89
  3. 4e6a86
  4. 516982
  5. 55697e
  6. 58697a
  7. 5b6876
  8. 5e6873
  9. 61686f
  10. 64676b

Fragen zu #476a8d

Welche Farbe ist #476a8d?

#476a8d ist ein staubiges blau. Die nächste benannte Farbe ist Staubiges Blau. In RGB ist das rgb(71, 106, 141), in HSL hsl(210, 33.02%, 41.57%) und in OKLCH oklch(51.264% 0.06894 249.303).

Welche Farben passen zu #476a8d?

Die Komplementärfarbe von #476a8d ist #816039. Ruhiger wirkt die Kombination mit den analogen Farben #327082 und #5e638e. Die triadischen Partner sind #89565e und #5a6f44.

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

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

Ist #476a8d eine warme oder kühle Farbe?

#476a8d wirkt kühl. In OKLCH liegt der Farbton bei 249 Grad, die Helligkeit bei 51,3 % und das Chroma bei 0.069.