Zum Farbwähler springen

Farbe #a5ccf2: Pastellfarbenes helles Blau

#a5ccf2 ist rgb(165, 204, 242) in RGB und oklch(83.018% 0.06783 247.981) in OKLCH. Alle weiteren Formate, Farbtöne und Kontrastwerte findest du unten.

Erkannt als HEX

210°
100 %

83 %
0,068
248°
  • Blau
  • Hell
  • Sanft
  • Pastell
  • Kühl
  • ≈ Babyblau
  • blue-300
  • Schwarz 5 %

Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.

Weißer Text
1.68:1Schwer lesbar
Lc -33
Schwarzer Text
12.52:1Gut lesbar · AA
Lc 74

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

#a5ccf2 ist ein pastellfarbenes helles blau. In OKLCH hat die Farbe die Helligkeit 83 %, das Chroma 0.068 und den Farbton 248°.

Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.

Weißer Text erreicht darauf einen Kontrast von 1.68:1, schwarzer Text 12.52: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

Heller: #a5ccf2 mit Weiß gemischt

  1. a5ccf2
  2. aed1f3
  3. b7d6f5
  4. c0dbf6
  5. c9e0f8
  6. d2e6f9
  7. dbebfa
  8. e4f0fc
  9. edf5fd
  10. f6fafe

Dunkler: #a5ccf2 mit Schwarz gemischt

  1. a5ccf2
  2. 8fb1d2
  3. 7997b4
  4. 657e96
  5. 516579
  6. 3d4e5e
  7. 2b3743
  8. 1a222b
  9. 0a0f14
  10. 010203

Ruhiger: #a5ccf2 mit weniger Sättigung

  1. a5ccf2
  2. a9ccee
  3. accbea
  4. b0cbe5
  5. b3cae1
  6. b7cadd
  7. bac9d9
  8. bdc9d4
  9. c1c8d0
  10. c4c8cc

Fragen zu #a5ccf2

Welche Farbe ist #a5ccf2?

#a5ccf2 ist ein pastellfarbenes helles blau. Die nächste benannte Farbe ist Pastellfarbenes helles Blau. In RGB ist das rgb(165, 204, 242), in HSL hsl(209.61, 74.76%, 79.8%) und in OKLCH oklch(83.018% 0.06783 247.981).

Welche Farben passen zu #a5ccf2?

Die Komplementärfarbe von #a5ccf2 ist #e5c098. Ruhiger wirkt die Kombination mit den analogen Farben #95d3e5 und #bcc4f4. Die triadischen Partner sind #efb6bf und #bbd0a1.

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

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

Ist #a5ccf2 eine warme oder kühle Farbe?

#a5ccf2 wirkt kühl. In OKLCH liegt der Farbton bei 248 Grad, die Helligkeit bei 83 % und das Chroma bei 0.068.