Lavender Blue #8B88F8
Lavender Blue ist eine Farbe im Bereich Violett, mittelhell und leuchtend, mit dem Hex-Code #8B88F8 und dem RGB-Wert rgb(139, 136, 248).
Aa
Schwarzer Text ist auf dieser Farbe am besten lesbar (6.97:1).
Über diese Farbe
#8B88F8 ist eine Farbe im Bereich Violett, mittelhell und leuchtend. In OKLCH liegt die Helligkeit bei 68 %, die Chroma bei 0.162 und der Farbwinkel bei 282°. Ihr Farbton liegt auf der kühlen Seite des Farbkreises. Es ist die benannte Farbe Lavender Blue. Schwarzer Text ist darauf am besten lesbar, mit 6.97:1.
| Farbfamilie | Violett |
| Helligkeit | mittelhell (68%) |
| Chroma | leuchtend (0.162) |
| Temperatur | kühl |
| Nächster Name | Lavender Blue |
| Schwarzer Text | 6.97:1 |
| Weißer Text | 3.01:1 |
Farben, die zu Lavender Blue passen
Passende Farben, gefunden durch Drehen von Lavender Blue auf dem OKLCH-Farbkreis, jeweils mit dem nächsten Namen aus unserer Liste.
Komplementär
Der gegenüberliegende Farbton (180°).
Analog
Benachbarte Farbtöne, je 30° zu beiden Seiten.
Triade
Drei Farbtöne im Abstand von 120°.
Farbpaletten mit Lavender Blue
Kuratierte Farbpaletten, die eine Farbe innerhalb von ΔE 0,06 (OKLab) zu Lavender Blue enthalten, die nächsten zuerst.
Ähnliche benannte Farben
Die acht benannten Farben, die Lavender Blue am nächsten liegen, mit ihrem ΔE-Abstand.
- Periwinkle #8E82FE ΔE 0.018
- Perrywinkle #8F8CE7 ΔE 0.030
- Periwinkle Blue #8F99FB ΔE 0.043
- Soft Blue #6488EA ΔE 0.055
- Cornflower Blue #6495ED ΔE 0.059
- Cornflower #6A79F7 ΔE 0.062
- Medium Purple #9370DB ΔE 0.066
- Light Urple #B36FF6 ΔE 0.079
Mehr über Lavender Blue
So mischst du Lavender 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.
- 2 Teile Blau
- 2 Teile Weiß
- 1 Teil Lila
Ergebnis des Rezepts: #648CDB, eine Abweichung von ΔE 0.069 zu Lavender Blue. Das ist nah dran; gib etwas mehr von einer Farbe dazu, um es anzugleichen.
Codes für Lavender Blue in jedem Format
| HEX | #8B88F8 |
| RGB | rgb(139, 136, 248) |
| HSL | hsl(242, 89%, 75%) |
| OKLCH | oklch(68% 0.162 282.4) |
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.
| Paar | WCAG 2 | Ergebnis | APCA | APCA-Empfehlung |
|---|---|---|---|---|
| Weißer Text auf #8B88F8 | 3.01:1 | AA für großen Text | Lc -62.0 | Inhaltstext, nicht für lange Texte |
| Schwarzer Text auf #8B88F8 | 6.97:1 | AA | Lc 47.4 | Großer oder fetter Text, Überschriften |
| #8B88F8 als Text auf Weiß | 3.01:1 | AA für großen Text | Lc 56.7 | Großer oder fetter Text, Überschriften |
| #8B88F8 als Text auf Schwarz | 6.97:1 | AA | Lc -45.1 | Großer oder fetter Text, Überschriften |
Shades und Tints von Lavender 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 400.
-
Stufe 50
50
#F4F5FF
oklch(97.2% 0.013 281.6)
-
Stufe 100
100
#E6E8FE
oklch(93.6% 0.03 281.7)
-
Stufe 200
200
#D3D5FE
oklch(88.5% 0.056 283)
-
Stufe 300
300
#B7B9FF
oklch(80.9% 0.098 282.7)
-
Stufe 400
400 (diese Farbe)
#8B88F8
oklch(68% 0.162 282.4)
-
Stufe 500
500
#7C70FF
oklch(63.1% 0.205 282.6)
-
Stufe 600
600
#6852F0
oklch(55.6% 0.226 282.5)
-
Stufe 700
700
#5741D1
oklch(49.1% 0.21 282.4)
-
Stufe 800
800
#4737A9
oklch(42.8% 0.174 282.6)
-
Stufe 900
900
#3A3285
oklch(37.7% 0.134 282.2)
-
Stufe 950
950
#221E4E
oklch(27% 0.085 282.8)
Lavender 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.
| Sehen | Wirkt als | Verschiebung (ΔE) |
|---|---|---|
| Protanopie (keine Rotzapfen) | #5C99FC | 0.064 |
| Deuteranopie (keine Grünzapfen) | #5691F5 | 0.064 |
| Tritanopie (keine Blauzapfen) | #689FB4 | 0.139 |
| Achromatopsie (kein Farbsehen) | #959595 | 0.162 |
Nutze Lavender 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.