Carolina Blue #8AB8FE

Carolina Blue ist eine Farbe im Bereich Blau, mittelhell und mäßig gesättigt, mit dem Hex-Code #8AB8FE und dem RGB-Wert rgb(138, 184, 254).

Aa

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

Über diese Farbe

#8AB8FE ist eine Farbe im Bereich Blau, mittelhell und mäßig gesättigt. In OKLCH liegt die Helligkeit bei 78 %, die Chroma bei 0.112 und der Farbwinkel bei 259°. Ihr Farbton liegt auf der kühlen Seite des Farbkreises. Es ist die benannte Farbe Carolina Blue. Schwarzer Text ist darauf am besten lesbar, mit 10.36:1.

FarbfamilieBlau
Helligkeitmittelhell (78%)
Chromamäßig gesättigt (0.112)
Temperaturkühl
Nächster NameCarolina Blue
Schwarzer Text10.36:1
Weißer Text2.02:1

Farben, die zu Carolina Blue passen

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

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

Ähnliche benannte Farben

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

Mehr über Carolina Blue

So mischst du Carolina 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ß
  • 2 Teile Blau
  • 1 Teil Lila

Ergebnis des Rezepts: #95B8EC, eine Abweichung von ΔE 0.028 zu Carolina Blue. Das ist sehr nah dran: Die meisten Menschen sehen keinen Unterschied.

Welche Farben ergeben Blau? | Farbmischtabelle

Codes für Carolina Blue in jedem Format

HEX#8AB8FE
RGBrgb(138, 184, 254)
HSLhsl(216, 98%, 77%)
OKLCHoklch(77.7% 0.112 258.6)

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 #8AB8FE 2.02:1 Nicht bestanden Lc -43.8 Elemente ohne Text, Platzhaltertext
Schwarzer Text auf #8AB8FE 10.36:1 AAA Lc 64.7 Inhaltstext, nicht für lange Texte
#8AB8FE als Text auf Weiß 2.02:1 Nicht bestanden Lc 39.3 Elemente ohne Text, Platzhaltertext
#8AB8FE als Text auf Schwarz 10.36:1 AAA Lc -63.1 Inhaltstext, nicht für lange Texte

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

    #F0F6FF

    oklch(97.1% 0.014 258.3)

  2. Stufe 100

    100

    #DEEBFF

    oklch(93.6% 0.031 258.9)

  3. Stufe 200

    200

    #C3DBFF

    oklch(88.5% 0.056 258.4)

  4. Stufe 300

    300 (diese Farbe)

    #8AB8FE

    oklch(77.7% 0.112 258.6)

  5. Stufe 400

    400

    #62A0FF

    oklch(70.7% 0.154 258.7)

  6. Stufe 500

    500

    #3184FF

    oklch(63% 0.2 258.7)

  7. Stufe 600

    600

    #006BEB

    oklch(55.7% 0.21 258.5)

  8. Stufe 700

    700

    #0059C7

    oklch(49% 0.186 258.6)

  9. Stufe 800

    800

    #0049A5

    oklch(42.7% 0.162 258.5)

  10. Stufe 900

    900

    #003C8B

    oklch(37.6% 0.143 258.6)

  11. Stufe 950

    950

    #032453

    oklch(27% 0.094 258.1)

Diese Skala im Tool für Tailwind-Farben exportieren

Carolina 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)#9EBCFF0.027
Deuteranopie (keine Grünzapfen)#90B1FC0.018
Tritanopie (keine Blauzapfen)#5BC7D00.100
Achromatopsie (kein Farbsehen)#B6B6B60.112

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