Light Blue #ADD8E6
Light Blue ist eine Farbe im Bereich Türkis oder Cyan, hell und gedämpft, mit dem Hex-Code #ADD8E6 und dem RGB-Wert rgb(173, 216, 230).
Aa
Schwarzer Text ist auf dieser Farbe am besten lesbar (13.74:1).
Über diese Farbe
#ADD8E6 ist eine Farbe im Bereich Türkis oder Cyan, hell und gedämpft. In OKLCH liegt die Helligkeit bei 86 %, die Chroma bei 0.049 und der Farbwinkel bei 220°. Ihr Farbton liegt auf der kühlen Seite des Farbkreises. Es ist die benannte Farbe Light Blue. Schwarzer Text ist darauf am besten lesbar, mit 13.74:1.
| Farbfamilie | Türkis und Cyan |
| Helligkeit | hell (86%) |
| Chroma | gedämpft (0.049) |
| Temperatur | kühl |
| Nächster Name | Light Blue |
| Schwarzer Text | 13.74:1 |
| Weißer Text | 1.52:1 |
Farben, die zu Light Blue passen
Passende Farben, gefunden durch Drehen von Light 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 Light Blue
Kuratierte Farbpaletten, die eine Farbe innerhalb von ΔE 0,06 (OKLab) zu Light Blue enthalten, die nächsten zuerst.
Ähnliche benannte Farben
Die acht benannten Farben, die Light Blue am nächsten liegen, mit ihrem ΔE-Abstand.
- Celeste #A8DADC ΔE 0.018
- Powder Blue #B0E0E6 ΔE 0.022
- Light Blue Grey #B7C9E2 ΔE 0.039
- Cadet Gray #CED4DA ΔE 0.041
- Baby Blue #A2CFFE ΔE 0.049
- Light Gray #D3D3D3 ΔE 0.050
- Light Steel Blue #B0C4DE ΔE 0.051
- Sky Blue #87CEEB ΔE 0.053
Mehr über Light Blue
So mischst du Light 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.
- 3 Teile Weiß
- 1 Teil Blau
Ergebnis des Rezepts: #AFD7F5, eine Abweichung von ΔE 0.023 zu Light Blue. Das ist sehr nah dran: Die meisten Menschen sehen keinen Unterschied.
Codes für Light Blue in jedem Format
| HEX | #ADD8E6 |
| RGB | rgb(173, 216, 230) |
| HSL | hsl(195, 53%, 79%) |
| OKLCH | oklch(85.6% 0.049 219.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.
| Paar | WCAG 2 | Ergebnis | APCA | APCA-Empfehlung |
|---|---|---|---|---|
| Weißer Text auf #ADD8E6 | 1.52:1 | Nicht bestanden | Lc -27.7 | Nur Trennlinien und Dekoration |
| Schwarzer Text auf #ADD8E6 | 13.74:1 | AAA | Lc 79.3 | Gut für Fließtext |
| #ADD8E6 als Text auf Weiß | 1.52:1 | Nicht bestanden | Lc 24.5 | Nur Trennlinien und Dekoration |
| #ADD8E6 als Text auf Schwarz | 13.74:1 | AAA | Lc -78.7 | Gut für Fließtext |
Shades und Tints von Light 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.
-
Stufe 50
50
#F0F7F9
oklch(97.1% 0.008 216.6)
-
Stufe 100
100
#DDEDF2
oklch(93.6% 0.018 218.4)
-
Stufe 200
200 (diese Farbe)
#ADD8E6
oklch(85.6% 0.049 219.7)
-
Stufe 300
300
#93CBDD
oklch(81% 0.063 219.8)
-
Stufe 400
400
#4BAFCC
oklch(70.7% 0.101 220.1)
-
Stufe 500
500
#0099B9
oklch(63.1% 0.115 219.7)
-
Stufe 600
600
#00809C
oklch(55.5% 0.101 220.3)
-
Stufe 700
700
#006C83
oklch(49.1% 0.089 219.3)
-
Stufe 800
800
#00586C
oklch(42.6% 0.078 220.2)
-
Stufe 900
900
#004A5A
oklch(37.8% 0.068 218.5)
-
Stufe 950
950
#002C37
oklch(27.1% 0.049 219.4)
Light 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) | #CFD5E7 | 0.042 |
| Deuteranopie (keine Grünzapfen) | #C6CEE6 | 0.039 |
| Tritanopie (keine Blauzapfen) | #9CDDDC | 0.030 |
| Achromatopsie (kein Farbsehen) | #D1D1D1 | 0.049 |
Nutze Light 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.