Zum Farbwähler springen

Hellblau: Farbcode #add8e6

Hellblau ist #add8e6, in RGB rgb(173, 216, 230) und in OKLCH oklch(85.623% 0.04894 219.654). Alle weiteren Formate, Farbtöne, passenden Farben und Paletten findest du unten.

Erkannt als HEX

195°
100 %

85,6 %
0,049
220°
  • Himmelblau
  • Sehr hell
  • Sanft
  • Pastell
  • Kühl
  • slate-300
  • Schwarz 10 %

Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.

Weißer Text
1.53:1Schwer lesbar
Lc -28
Schwarzer Text
13.74:1Gut lesbar · AA
Lc 79

Abstufungen

Von der hellsten zur dunkelsten. Klick auf eine Stufe, um sie zu übernehmen.

Harmonien

Zuletzt

Farben, die du auswählst oder kopierst, erscheinen hier. Sie bleiben auf diesem Gerät.

Auch genannt: Light blue

Paletten mit Hellblau

Ähnliche benannte Farben

Fragen zu Hellblau

Wie lautet der HEX-Code von Hellblau?

Der HEX-Code von Hellblau ist #add8e6. In RGB ist das rgb(173, 216, 230), in HSL hsl(194.74, 53.27%, 79.02%) und in OKLCH oklch(85.623% 0.04894 219.654).

Welche Farben passen zu Hellblau?

Die Komplementärfarbe ist #edc6b8. Ruhiger wirkt die Kombination mit den analogen Farben #acdbd7 und #b8d3ef. Fertige Paletten mit Hellblau findest du auf dieser Seite.

Ist Hellblau eine warme oder kühle Farbe?

Hellblau wirkt kühl, der Farbton liegt in OKLCH bei 220 Grad.

Welche Textfarbe ist auf Hellblau gut lesbar?

Schwarzer Text ist auf Hellblau besser lesbar: Weiß ergibt ein Kontrastverhältnis von 1.53:1, Schwarz 13.74:1. WCAG AA verlangt für Fließtext mindestens 4,5:1.

Über #add8e6

#add8e6 ist ein pastellfarbenes sehr helles himmelblau. In OKLCH hat die Farbe die Helligkeit 85,6 %, das Chroma 0.049 und den Farbton 220°.

Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.

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

Die nächste benannte Farbe ist Hellblau (#add8e6). In Tailwind CSS kommt slate-300 am nächsten.

Mehr sehr helle himmelblaue farben

Heller: #add8e6 mit Weiß gemischt

  1. add8e6

Dunkler: #add8e6 mit Schwarz gemischt

  1. add8e6

Ruhiger: #add8e6 mit weniger Sättigung

  1. add8e6

Ähnliche benannte Farben

Farben, die zu #add8e6 passen

Komplementär
#add8e6
Analog
#add8e6
Triadisch
#add8e6
Split
#add8e6