Bright Sky Blue #02CCFE

Bright Sky Blue ist eine Farbe im Bereich Türkis oder Cyan, hell und leuchtend, mit dem Hex-Code #02CCFE und dem RGB-Wert rgb(2, 204, 254).

Aa

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

Über diese Farbe

#02CCFE ist eine Farbe im Bereich Türkis oder Cyan, hell und leuchtend. In OKLCH liegt die Helligkeit bei 79 %, die Chroma bei 0.147 und der Farbwinkel bei 224°. Ihr Farbton liegt auf der kühlen Seite des Farbkreises. Es ist die benannte Farbe Bright Sky Blue. Schwarzer Text ist darauf am besten lesbar, mit 11.07:1.

FarbfamilieTürkis und Cyan
Helligkeithell (79%)
Chromaleuchtend (0.147)
Temperaturkühl
Nächster NameBright Sky Blue
Schwarzer Text11.07:1
Weißer Text1.89:1

Farben, die zu Bright Sky Blue passen

Passende Farben, gefunden durch Drehen von Bright Sky 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 Bright Sky Blue

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

Ähnliche benannte Farben

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

Mehr über Bright Sky Blue

So mischst du Bright 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.079 zu Bright Sky Blue. Das ist nah dran; gib etwas mehr von einer Farbe dazu, um es anzugleichen.

Welche Farben ergeben Blau? | Farbmischtabelle

Codes für Bright Sky Blue in jedem Format

HEX#02CCFE
RGBrgb(2, 204, 254)
HSLhsl(192, 99%, 50%)
OKLCHoklch(78.5% 0.147 223.8)

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 #02CCFE 1.89:1 Nicht bestanden Lc -39.6 Elemente ohne Text, Platzhaltertext
Schwarzer Text auf #02CCFE 11.07:1 AAA Lc 68.5 Inhaltstext, nicht für lange Texte
#02CCFE als Text auf Weiß 1.89:1 Nicht bestanden Lc 35.4 Elemente ohne Text, Platzhaltertext
#02CCFE als Text auf Schwarz 11.07:1 AAA Lc -67.1 Inhaltstext, nicht für lange Texte

Shades und Tints von Bright 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.

  1. Stufe 50

    50

    #E9F9FF

    oklch(97.2% 0.019 222.2)

  2. Stufe 100

    100

    #CDF1FF

    oklch(93.7% 0.042 223.3)

  3. Stufe 200

    200

    #A1E5FF

    oklch(88.5% 0.077 223.8)

  4. Stufe 300

    300 (diese Farbe)

    #02CCFE

    oklch(78.5% 0.147 223.8)

  5. Stufe 400

    400

    #00B1DD

    oklch(70.6% 0.133 223.9)

  6. Stufe 500

    500

    #0098BE

    oklch(63.1% 0.118 223.7)

  7. Stufe 600

    600

    #0080A0

    oklch(55.7% 0.104 223.4)

  8. Stufe 700

    700

    #006B87

    oklch(49% 0.092 224)

  9. Stufe 800

    800

    #00586F

    oklch(42.7% 0.08 223.4)

  10. Stufe 900

    900

    #00495D

    oklch(37.7% 0.071 223.8)

  11. Stufe 950

    950

    #002B39

    oklch(26.9% 0.051 225.5)

Diese Skala im Tool für Tailwind-Farben exportieren

Bright 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.

SehenWirkt alsVerschiebung (ΔE)
Protanopie (keine Rotzapfen)#B0C7FF0.114
Deuteranopie (keine Grünzapfen)#94B3FD0.100
Tritanopie (keine Blauzapfen)#00DBDC0.074
Achromatopsie (kein Farbsehen)#BCBCBC0.147

Nutze Bright 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.