Zum Farbwähler springen

Farbe #abc6fd: Pastellfarbenes helles Blau

#abc6fd ist rgb(171, 198, 253) in RGB und oklch(82.596% 0.08322 264.282) in OKLCH. Alle weiteren Formate, Farbtöne und Kontrastwerte findest du unten.

Erkannt als HEX

220°
100 %

82,6 %
0,083
264°
  • Blau
  • Hell
  • Sanft
  • Pastell
  • Kühl
  • ≈ Immergrünblau
  • blue-300
  • Schwarz 1 %

Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.

Weißer Text
1.72:1Schwer lesbar
Lc -35
Schwarzer Text
12.23:1Gut lesbar · AA
Lc 73

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

#abc6fd ist ein pastellfarbenes helles blau. In OKLCH hat die Farbe die Helligkeit 82,6 %, das Chroma 0.083 und den Farbton 264°.

Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.

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

Die nächste benannte Farbe ist Immergrünblau (#ccccff). In Tailwind CSS kommt blue-300 am nächsten.

Mehr helle blaue farben

Heller: #abc6fd mit Weiß gemischt

  1. abc6fd
  2. b3ccfe
  3. bbd2fe
  4. c4d7fe
  5. ccddff
  6. d4e3ff
  7. dde8ff
  8. e5eeff
  9. eef4ff
  10. f6f9ff

Dunkler: #abc6fd mit Schwarz gemischt

  1. abc6fd
  2. 94acdc
  3. 7e92bc
  4. 687a9d
  5. 54627f
  6. 404b62
  7. 2d3547
  8. 1b212d
  9. 0b0e16
  10. 010203

Ruhiger: #abc6fd mit weniger Sättigung

  1. abc6fd
  2. aec6f8
  3. b0c6f2
  4. b3c6ed
  5. b6c6e7
  6. b9c6e2
  7. bbc6dc
  8. bec6d7
  9. c1c6d1
  10. c3c6cc

Ähnliche benannte Farben

Farben, die zu #abc6fd passen

Komplementär
#abc6fd#dfc287
Analog
#abc6fd#8fd0f4#c9bcf7
Triadisch
#abc6fd#f8b1ac#a5d5a4
Split
#abc6fd#f1b893#c5cd8e

Fragen zu #abc6fd

Welche Farbe ist #abc6fd?

#abc6fd ist ein pastellfarbenes helles blau. Die nächste benannte Farbe ist Pastellfarbenes helles Blau. In RGB ist das rgb(171, 198, 253), in HSL hsl(220.24, 95.35%, 83.14%) und in OKLCH oklch(82.596% 0.08322 264.282).

Welche Farben passen zu #abc6fd?

Die Komplementärfarbe von #abc6fd ist #dfc287. Ruhiger wirkt die Kombination mit den analogen Farben #8fd0f4 und #c9bcf7. Die triadischen Partner sind #f8b1ac und #a5d5a4.

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

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

Ist #abc6fd eine warme oder kühle Farbe?

#abc6fd wirkt kühl. In OKLCH liegt der Farbton bei 264 Grad, die Helligkeit bei 82,6 % und das Chroma bei 0.083.