Zum Farbwähler springen

Farbe #87bbfd: Kräftiges helles Blau

#87bbfd ist rgb(135, 187, 253) in RGB und oklch(78.13% 0.1097 254.801) in OKLCH. Alle weiteren Formate, Farbtöne und Kontrastwerte findest du unten.

Erkannt als HEX

214°
100 %

78,1 %
0,110
255°
  • Blau
  • Hell
  • Kräftig
  • Kühl
  • ≈ Babyblau
  • blue-300
  • Schwarz 1 %

Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.

Weißer Text
1.99:1Schwer lesbar
Lc -43
Schwarzer Text
10.56:1Gut lesbar · AA
Lc 66

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 #87bbfd

#87bbfd ist ein kräftiges helles blau. In OKLCH hat die Farbe die Helligkeit 78,1 %, das Chroma 0.11 und den Farbton 255°.

Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.

Weißer Text erreicht darauf einen Kontrast von 1.99:1, schwarzer Text 10.56:1. Besser lesbar ist also schwarzer Text.

Die nächste benannte Farbe ist Babyblau (#89cff0). In Tailwind CSS kommt blue-300 am nächsten.

Mehr helle blaue farben Farben

Heller: #87bbfd mit Weiß gemischt

  1. 87bbfd
  2. 93c2fe
  3. 9fc9fe
  4. abd0ff
  5. b7d7ff
  6. c3ddff
  7. cfe4ff
  8. dbebff
  9. e7f2ff
  10. f3f8ff

Dunkler: #87bbfd mit Schwarz gemischt

  1. 87bbfd
  2. 75a2dc
  3. 638abc
  4. 51739d
  5. 415c7f
  6. 314662
  7. 213247
  8. 131f2d
  9. 060d16
  10. 010203

Ruhiger: #87bbfd mit weniger Sättigung

  1. 87bbfd
  2. 8cbbf6
  3. 92bbf0
  4. 97bbe9
  5. 9cbae2
  6. a1badb
  7. a5bad4
  8. aab9cd
  9. afb9c6
  10. b3b8bf

Fragen zu #87bbfd

Welche Farbe ist #87bbfd?

#87bbfd ist ein kräftiges helles blau. Die nächste benannte Farbe ist Kräftiges helles Blau. In RGB ist das rgb(135, 187, 253), in HSL hsl(213.56, 96.72%, 76.08%) und in OKLCH oklch(78.13% 0.1097 254.801).

Welche Farben passen zu #87bbfd?

Die Komplementärfarbe von #87bbfd ist #e1ad64. Ruhiger wirkt die Kombination mit den analogen Farben #5fc7ec und #b0aefc. Die triadischen Partner sind #f69aa1 und #9ac87f.

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

Schwarzer Text ist auf #87bbfd besser lesbar: Weiß ergibt ein Kontrastverhältnis von 1.99:1, Schwarz 10.56:1. WCAG AA verlangt für Fließtext mindestens 4,5:1.

Ist #87bbfd eine warme oder kühle Farbe?

#87bbfd wirkt kühl. In OKLCH liegt der Farbton bei 255 Grad, die Helligkeit bei 78,1 % und das Chroma bei 0.11.