Vivid Sky Blue #4CC9F0
Vivid Sky Blue ist eine Farbe im Bereich Türkis oder Cyan, hell und mäßig gesättigt, mit dem Hex-Code #4CC9F0 und dem RGB-Wert rgb(76, 201, 240).
Aa
Schwarzer Text ist auf dieser Farbe am besten lesbar (10.92:1).
Über diese Farbe
#4CC9F0 ist eine Farbe im Bereich Türkis oder Cyan, hell und mäßig gesättigt. In OKLCH liegt die Helligkeit bei 78 %, die Chroma bei 0.121 und der Farbwinkel bei 222°. Ihr Farbton liegt auf der kühlen Seite des Farbkreises. Es ist die benannte Farbe Vivid Sky Blue. Schwarzer Text ist darauf am besten lesbar, mit 10.92:1.
| Farbfamilie | Türkis und Cyan |
| Helligkeit | hell (78%) |
| Chroma | mäßig gesättigt (0.121) |
| Temperatur | kühl |
| Nächster Name | Vivid Sky Blue |
| Schwarzer Text | 10.92:1 |
| Weißer Text | 1.92:1 |
Farben, die zu Vivid Sky Blue passen
Passende Farben, gefunden durch Drehen von Vivid Sky 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 Vivid Sky Blue
Kuratierte Farbpaletten, die eine Farbe innerhalb von ΔE 0,06 (OKLab) zu Vivid Sky Blue enthalten, die nächsten zuerst.
Ähnliche benannte Farben
Die acht benannten Farben, die Vivid Sky Blue am nächsten liegen, mit ihrem ΔE-Abstand.
- Bright Sky Blue #02CCFE ΔE 0.026
- Lightblue #7BC8F6 ΔE 0.038
- Deep Sky Blue #00BFFF ΔE 0.047
- Aqua Blue #02D8E9 ΔE 0.048
- Sky #82CAFC ΔE 0.048
- Sky Blue #87CEEB ΔE 0.051
- Light Sky Blue #87CEFA ΔE 0.054
- Dark Turquoise #00CED1 ΔE 0.058
Mehr über Vivid Sky Blue
So mischst du Vivid Sky 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 Weiß
- 1 Teil Blau
Ergebnis des Rezepts: #92C6F0, eine Abweichung von ΔE 0.059 zu Vivid Sky Blue. Das ist nah dran; gib etwas mehr von einer Farbe dazu, um es anzugleichen.
Codes für Vivid Sky Blue in jedem Format
| HEX | #4CC9F0 |
| RGB | rgb(76, 201, 240) |
| HSL | hsl(194, 85%, 62%) |
| OKLCH | oklch(78.2% 0.121 222.5) |
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 #4CC9F0 | 1.92:1 | Nicht bestanden | Lc -40.7 | Elemente ohne Text, Platzhaltertext |
| Schwarzer Text auf #4CC9F0 | 10.92:1 | AAA | Lc 67.4 | Inhaltstext, nicht für lange Texte |
| #4CC9F0 als Text auf Weiß | 1.92:1 | Nicht bestanden | Lc 36.4 | Elemente ohne Text, Platzhaltertext |
| #4CC9F0 als Text auf Schwarz | 10.92:1 | AAA | Lc -66.0 | Inhaltstext, nicht für lange Texte |
Shades und Tints von Vivid Sky 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 300.
-
Stufe 50
50
#EAF8FD
oklch(97% 0.016 221.1)
-
Stufe 100
100
#D2F0FB
oklch(93.7% 0.035 221.9)
-
Stufe 200
200
#A8E4FA
oklch(88.5% 0.068 222.6)
-
Stufe 300
300 (diese Farbe)
#4CC9F0
oklch(78.2% 0.121 222.5)
-
Stufe 400
400
#00B2DB
oklch(70.8% 0.131 222.1)
-
Stufe 500
500
#0098BC
oklch(63% 0.117 222.5)
-
Stufe 600
600
#00809F
oklch(55.6% 0.103 222.6)
-
Stufe 700
700
#006B86
oklch(49% 0.091 223.1)
-
Stufe 800
800
#00586E
oklch(42.7% 0.079 222.3)
-
Stufe 900
900
#00495C
oklch(37.6% 0.07 222.6)
-
Stufe 950
950
#002C38
oklch(27.2% 0.05 221.4)
Vivid Sky 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) | #B2C4F2 | 0.097 |
| Deuteranopie (keine Grünzapfen) | #9CB4F0 | 0.086 |
| Tritanopie (keine Blauzapfen) | #00D5D6 | 0.062 |
| Achromatopsie (kein Farbsehen) | #BBBBBB | 0.122 |
Nutze Vivid Sky 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.