Muted Blue #3B719F

Muted Blue ist eine Farbe im Bereich Blau, mitteldunkel und mäßig gesättigt, mit dem Hex-Code #3B719F und dem RGB-Wert rgb(59, 113, 159).

Aa

Weißer Text ist auf dieser Farbe am besten lesbar (5.18:1).

Über diese Farbe

#3B719F ist eine Farbe im Bereich Blau, mitteldunkel und mäßig gesättigt. In OKLCH liegt die Helligkeit bei 53 %, die Chroma bei 0.093 und der Farbwinkel bei 246°. Ihr Farbton liegt auf der kühlen Seite des Farbkreises. Es ist die benannte Farbe Muted Blue. Weißer Text ist darauf am besten lesbar, mit 5.18:1.

FarbfamilieBlau
Helligkeitmitteldunkel (53%)
Chromamäßig gesättigt (0.093)
Temperaturkühl
Nächster NameMuted Blue
Schwarzer Text4.04:1
Weißer Text5.18:1

Farben, die zu Muted Blue passen

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

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

Ähnliche benannte Farben

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

Mehr über Muted Blue

So mischst du Muted 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 Blau
  • 4 Teile Grau
  • 1 Teil Weiß

Ergebnis des Rezepts: #3D719D, eine Abweichung von ΔE 0.004 zu Muted Blue. Das ist sehr nah dran: Die meisten Menschen sehen keinen Unterschied.

Welche Farben ergeben Blau? | Farbmischtabelle

Codes für Muted Blue in jedem Format

HEX#3B719F
RGBrgb(59, 113, 159)
HSLhsl(208, 46%, 43%)
OKLCHoklch(53.2% 0.093 246.4)

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 #3B719F 5.18:1 AA Lc -80.9 Gut für Fließtext
Schwarzer Text auf #3B719F 4.04:1 AA für großen Text Lc 28.6 Nur Trennlinien und Dekoration
#3B719F als Text auf Weiß 5.18:1 AA Lc 75.5 Gut für Fließtext
#3B719F als Text auf Schwarz 4.04:1 AA für großen Text Lc -26.2 Nur Trennlinien und Dekoration

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

  1. Stufe 50

    50

    #F2F6F9

    oklch(97.1% 0.006 239.8)

  2. Stufe 100

    100

    #E4EBF2

    oklch(93.7% 0.012 248)

  3. Stufe 200

    200

    #CDDBE8

    oklch(88.5% 0.023 246.1)

  4. Stufe 300

    300

    #ABC4DB

    oklch(80.9% 0.042 246.1)

  5. Stufe 400

    400

    #7FA5C8

    oklch(70.7% 0.066 246.7)

  6. Stufe 500

    500

    #5D8EBA

    oklch(63% 0.085 246.7)

  7. Stufe 600

    600 (diese Farbe)

    #3B719F

    oklch(53.2% 0.093 246.4)

  8. Stufe 700

    700

    #33658F

    oklch(49.1% 0.087 246.1)

  9. Stufe 800

    800

    #2B5274

    oklch(42.6% 0.072 246.8)

  10. Stufe 900

    900

    #28445E

    oklch(37.7% 0.056 247.8)

  11. Stufe 950

    950

    #182837

    oklch(27% 0.035 247.7)

Diese Skala im Tool für Tailwind-Farben exportieren

Muted 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)#5D72A10.039
Deuteranopie (keine Grünzapfen)#4F689E0.031
Tritanopie (keine Blauzapfen)#007C810.073
Achromatopsie (kein Farbsehen)#6D6D6D0.093

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