Zum Farbwähler springen

Farbe #486fbd: Sanftes Blau

#486fbd ist rgb(72, 111, 189) in RGB und oklch(55.111% 0.12959 262.823) in OKLCH. Alle weiteren Formate, Farbtöne und Kontrastwerte findest du unten.

Erkannt als HEX

220°
100 %

55,1 %
0,130
263°
  • Blau
  • Mittel
  • Sanft
  • Kühl
  • ≈ Stahlblau
  • sky-700
  • Schwarz 26 %

Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.

Weißer Text
4.90:1Gut lesbar · AA
Lc -79
Schwarzer Text
4.28:1Schwer lesbar
Lc 30

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 #486fbd

#486fbd ist ein sanftes blau. In OKLCH hat die Farbe die Helligkeit 55,1 %, das Chroma 0.13 und den Farbton 263°.

Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.

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

Die nächste benannte Farbe ist Stahlblau (#4682b4). In Tailwind CSS kommt sky-700 am nächsten.

Mehr mittlere blaue farben Farben

Heller: #486fbd mit Weiß gemischt

  1. 486fbd
  2. 597dc4
  3. 6b8ccc
  4. 7c9ad3
  5. 8ea8da
  6. a0b7e0
  7. b3c5e7
  8. c5d3ed
  9. d8e2f3
  10. ecf0f9

Dunkler: #486fbd mit Schwarz gemischt

  1. 486fbd
  2. 3d60a4
  3. 33518c
  4. 294274
  5. 1f345d
  6. 162747
  7. 0d1a33
  8. 060e1f
  9. 02040d
  10. 000102

Ruhiger: #486fbd mit weniger Sättigung

  1. 486fbd
  2. 4d70b6
  3. 5171ae
  4. 5571a7
  5. 5a72a0
  6. 5e7298
  7. 627291
  8. 667289
  9. 6a7282
  10. 6e727a

Fragen zu #486fbd

Welche Farbe ist #486fbd?

#486fbd ist ein sanftes blau. Die nächste benannte Farbe ist Sanftes Blau. In RGB ist das rgb(72, 111, 189), in HSL hsl(220, 46.99%, 51.18%) und in OKLCH oklch(55.111% 0.12959 262.823).

Welche Farben passen zu #486fbd?

Die Komplementärfarbe von #486fbd ist #966900. Ruhiger wirkt die Kombination mit den analogen Farben #007db0 und #7661b6. Die triadischen Partner sind #b14e4d und #3e843b.

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

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

Ist #486fbd eine warme oder kühle Farbe?

#486fbd wirkt kühl. In OKLCH liegt der Farbton bei 263 Grad, die Helligkeit bei 55,1 % und das Chroma bei 0.13.