Powder Blue Farbcode (#b0e0e6)

Powder Blue ist #b0e0e6 im Hex-Format und rgb(176, 224, 230) – ein sehr helles Cyan. Unten findest du alle Farbformate, Töne und Schattierungen, Harmonien und wie gut die Farbe als Text lesbar ist.

Aktualisiert am

Powder Blue
#b0e0e6
CSS-Namepowderblue
Hex#b0e0e6
RGBrgb(176, 224, 230)
HSLhsl(187 52% 80%)
HWBhwb(187 69% 10%)
CMYK23%, 3%, 0%, 10%

Töne und Schattierungen

Farbharmonien

Über Powder Blue

Powder Blue (powderblue) ist ein sehr helles, mäßig gesättigtes Cyan mit dem Hex-Code #b0e0e6 bzw. rgb(176, 224, 230). Im HSL-Modell liegt der Farbton bei 187°, mit 52 % Sättigung und 80 % Helligkeit. Sie gehört zu den 148 benannten Farben, die jeder Browser versteht, du kannst also color: powderblue; statt des Hex-Werts schreiben.

Powder Blue für Text und Hintergründe verwenden

PaarungKontrastverhältnisWCAG
Powder Blue Text auf Weiß1.43 : 1nicht bestanden
Powder Blue Text auf Schwarz14.65 : 1AAA

Auf einem Powder-Blue-Hintergrund solltest du schwarzen Text verwenden (14.65 : 1). WCAG verlangt für Fließtext mindestens 4.5 : 1 und für großen Text 3 : 1. Andere Kombinationen prüfst du mit dem Kontrast-Checker.

CSS

.element {
  color: powderblue;               /* or #b0e0e6 */
  background-color: #b0e0e6;
  border: 1px solid rgb(176 224 230 / 50%);
}

Ähnliche benannte Farben

Hellblau (#add8e6), Blasses Türkis (#afeeee), Helles Stahlblau (#b0c4de), Hellgrau (#d3d3d3), Himmelblau (#87ceeb), Gainsboro (#dcdcdc).

Häufige Fragen

Welcher Hex-Code gehört zu Powder Blue?
#b0e0e6 – das entspricht rgb(176, 224, 230) und hsl(187, 52%, 80%). In CSS kannst du auch einfach powderblue schreiben.
Ist Powder-Blue-Text auf Weiß gut lesbar?
Das Kontrastverhältnis auf Weiß liegt bei 1.43 : 1 und besteht den WCAG-Test nicht. Verwende die Farbe besser zur Gestaltung oder auf dunklem Hintergrund.
Welche Farben passen gut zu Powder Blue?
Die Komplementärfarbe ist #e7b8b1. Die analogen Farben #b1e7d2 und #b1c6e7 liegen im Farbkreis direkt daneben.