Powder Blue #B0E0E6

Powder Blue ist eine Farbe im Bereich Türkis oder Cyan, hell und gedämpft, mit dem Hex-Code #B0E0E6 und dem RGB-Wert rgb(176, 224, 230).

Aa

Schwarzer Text ist auf dieser Farbe am besten lesbar (14.65:1).

Über diese Farbe

#B0E0E6 ist eine Farbe im Bereich Türkis oder Cyan, hell und gedämpft. In OKLCH liegt die Helligkeit bei 88 %, die Chroma bei 0.050 und der Farbwinkel bei 206°. Ihr Farbton liegt auf der kühlen Seite des Farbkreises. Es ist die benannte Farbe Powder Blue. Schwarzer Text ist darauf am besten lesbar, mit 14.65:1.

FarbfamilieTürkis und Cyan
Helligkeithell (88%)
Chromagedämpft (0.050)
Temperaturkühl
Nächster NamePowder Blue
Schwarzer Text14.65:1
Weißer Text1.43:1

Farben, die zu Powder Blue passen

Passende Farben, gefunden durch Drehen von Powder Blue auf dem OKLCH-Farbkreis, jeweils mit dem nächsten Namen aus unserer Liste.

Komplementär

Der gegenüberliegende Farbton (180°).

Komplementäre Palette im Generator öffnen

Analog

Benachbarte Farbtöne, je 30° zu beiden Seiten.

Analoge Palette im Generator öffnen

Farbpaletten mit Powder Blue

Kuratierte Farbpaletten, die eine Farbe innerhalb von ΔE 0,06 (OKLab) zu Powder Blue enthalten, die nächsten zuerst.

Ähnliche benannte Farben

Die acht benannten Farben, die Powder Blue am nächsten liegen, mit ihrem ΔE-Abstand.

Mehr über Powder Blue

So mischst du Powder Blue

Ein Ausgangsrezept aus gängigen Malfarben, berechnet mit einem spektralen Farbmodell (dem Malfarben-Modus des Farbmischers). Echte Pigmente weichen ab: Misch zuerst eine kleine Probe und passe sie an.

  • 4 Teile Weiß
  • 1 Teil Blau
  • 1 Teil Grau

Ergebnis des Rezepts: #BEDCEB, eine Abweichung von ΔE 0.023 zu Powder Blue. Das ist sehr nah dran: Die meisten Menschen sehen keinen Unterschied.

Welche Farben ergeben Türkis oder Cyan? | Farbmischtabelle

Codes für Powder Blue in jedem Format

HEX#B0E0E6
RGBrgb(176, 224, 230)
HSLhsl(187, 52%, 80%)
OKLCHoklch(87.5% 0.05 205.7)

Kontrast

WCAG-2-Kontrastverhältnisse sind das Konformitätsziel: AA verlangt 4,5:1 für Fließtext und 3:1 für großen Text, AAA verlangt 7:1. APCA-Lc-Werte sind ergänzende Hinweise aus den WCAG-3-Entwürfen.

PaarWCAG 2ErgebnisAPCAAPCA-Empfehlung
Weißer Text auf #B0E0E6 1.43:1 Nicht bestanden Lc -23.6 Nur Trennlinien und Dekoration
Schwarzer Text auf #B0E0E6 14.65:1 AAA Lc 83.0 Gut für Fließtext
#B0E0E6 als Text auf Weiß 1.43:1 Nicht bestanden Lc 20.7 Nur Trennlinien und Dekoration
#B0E0E6 als Text auf Schwarz 14.65:1 AAA Lc -82.6 Gut für Fließtext

Shades und Tints von Powder Blue

Eine Skala von 50 bis 950 in OKLCH: Der Farbton bleibt gleich, die Helligkeit folgt einer Kurve wie in Tailwind v4, und jede Stufe bleibt innerhalb des sRGB-Gamuts. Diese Farbe liegt auf Stufe 200.

  1. Stufe 50

    50

    #EFF7F8

    oklch(97% 0.009 205.9)

  2. Stufe 100

    100

    #DCEEF0

    oklch(93.6% 0.019 204.8)

  3. Stufe 200

    200 (diese Farbe)

    #B0E0E6

    oklch(87.5% 0.05 205.7)

  4. Stufe 300

    300

    #8FCDD5

    oklch(80.9% 0.064 206.1)

  5. Stufe 400

    400

    #3EB3C0

    oklch(70.8% 0.103 205.7)

  6. Stufe 500

    500

    #009CA9

    oklch(63.2% 0.108 205.2)

  7. Stufe 600

    600

    #00838E

    oklch(55.7% 0.095 205.2)

  8. Stufe 700

    700

    #006E78

    oklch(49.1% 0.084 205.8)

  9. Stufe 800

    800

    #005A62

    oklch(42.7% 0.073 205.3)

  10. Stufe 900

    900

    #004B52

    oklch(37.7% 0.064 205.5)

  11. Stufe 950

    950

    #002D31

    oklch(27.1% 0.046 204.1)

Diese Skala im Tool für Tailwind-Farben exportieren

Powder Blue bei Farbenblindheit

Simuliert mit dem Modell von Machado et al. (2009). ΔE zeigt, wie weit sich die Farbe verschiebt: unter etwa 0,02 fällt die Änderung nicht auf.

SehenWirkt alsVerschiebung (ΔE)
Protanopie (keine Rotzapfen)#D8DCE60.049
Deuteranopie (keine Grünzapfen)#CFD4E60.047
Tritanopie (keine Blauzapfen)#9FE4E20.023
Achromatopsie (kein Farbsehen)#D7D7D70.050

Nutze Powder Blue in deinem Produkt

Mach daraus helle und dunkle UI-Rollen mit geprüftem Kontrast und exportiere sie für Tailwind v4, shadcn/ui, CSS oder Design Tokens.