Faded Blue #658CBB

Faded Blue ist eine Farbe im Bereich Blau, mittelhell und mäßig gesättigt, mit dem Hex-Code #658CBB und dem RGB-Wert rgb(101, 140, 187).

Aa

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

Über diese Farbe

#658CBB ist eine Farbe im Bereich Blau, mittelhell und mäßig gesättigt. In OKLCH liegt die Helligkeit bei 63 %, die Chroma bei 0.084 und der Farbwinkel bei 254°. Ihr Farbton liegt auf der kühlen Seite des Farbkreises. Es ist die benannte Farbe Faded Blue. Schwarzer Text ist darauf am besten lesbar, mit 6.02:1.

FarbfamilieBlau
Helligkeitmittelhell (63%)
Chromamäßig gesättigt (0.084)
Temperaturkühl
Nächster NameFaded Blue
Schwarzer Text6.02:1
Weißer Text3.48:1

Farben, die zu Faded Blue passen

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

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

Ähnliche benannte Farben

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

Mehr über Faded Blue

So mischst du Faded 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 Rosa
  • 2 Teile Blau
  • 1 Teil Grau

Ergebnis des Rezepts: #6B87BC, eine Abweichung von ΔE 0.015 zu Faded Blue. Das ist sehr nah dran: Die meisten Menschen sehen keinen Unterschied.

Welche Farben ergeben Blau? | Farbmischtabelle

Codes für Faded Blue in jedem Format

HEX#658CBB
RGBrgb(101, 140, 187)
HSLhsl(213, 39%, 56%)
OKLCHoklch(63% 0.084 253.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 #658CBB 3.48:1 AA für großen Text Lc -67.8 Inhaltstext, nicht für lange Texte
Schwarzer Text auf #658CBB 6.02:1 AA Lc 41.7 Elemente ohne Text, Platzhaltertext
#658CBB als Text auf Weiß 3.48:1 AA für großen Text Lc 62.4 Inhaltstext, nicht für lange Texte
#658CBB als Text auf Schwarz 6.02:1 AA Lc -39.3 Elemente ohne Text, Platzhaltertext

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

  1. Stufe 50

    50

    #F3F6F9

    oklch(97.2% 0.005 247.9)

  2. Stufe 100

    100

    #E5EAF2

    oklch(93.6% 0.012 259.8)

  3. Stufe 200

    200

    #CFDAE8

    oklch(88.4% 0.023 254.4)

  4. Stufe 300

    300

    #AFC3DB

    oklch(81% 0.04 253.1)

  5. Stufe 400

    400

    #84A3C9

    oklch(70.6% 0.066 253.8)

  6. Stufe 500

    500 (diese Farbe)

    #658CBB

    oklch(63% 0.084 253.6)

  7. Stufe 600

    600

    #4C76A7

    oklch(55.7% 0.09 253.1)

  8. Stufe 700

    700

    #3D6390

    oklch(49.2% 0.085 253.5)

  9. Stufe 800

    800

    #335175

    oklch(42.8% 0.07 253.7)

  10. Stufe 900

    900

    #2D435E

    oklch(37.7% 0.054 254.1)

  11. Stufe 950

    950

    #1A2737

    oklch(26.9% 0.035 254.1)

Diese Skala im Tool für Tailwind-Farben exportieren

Faded 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)#7A8EBD0.027
Deuteranopie (keine Grünzapfen)#6F85BA0.021
Tritanopie (keine Blauzapfen)#42979C0.074
Achromatopsie (kein Farbsehen)#8989890.084

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