Flat Blue #3C73A8
Flat Blue ist eine Farbe im Bereich Blau, mitteldunkel und mäßig gesättigt, mit dem Hex-Code #3C73A8 und dem RGB-Wert rgb(60, 115, 168).
Aa
Weißer Text ist auf dieser Farbe am besten lesbar (4.98:1).
Über diese Farbe
#3C73A8 ist eine Farbe im Bereich Blau, mitteldunkel und mäßig gesättigt. In OKLCH liegt die Helligkeit bei 54 %, die Chroma bei 0.102 und der Farbwinkel bei 249°. Ihr Farbton liegt auf der kühlen Seite des Farbkreises. Es ist die benannte Farbe Flat Blue. Weißer Text ist darauf am besten lesbar, mit 4.98:1.
| Farbfamilie | Blau |
| Helligkeit | mitteldunkel (54%) |
| Chroma | mäßig gesättigt (0.102) |
| Temperatur | kühl |
| Nächster Name | Flat Blue |
| Schwarzer Text | 4.20:1 |
| Weißer Text | 4.98:1 |
Farben, die zu Flat Blue passen
Passende Farben, gefunden durch Drehen von Flat 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 Flat Blue
Kuratierte Farbpaletten, die eine Farbe innerhalb von ΔE 0,06 (OKLab) zu Flat Blue enthalten, die nächsten zuerst.
Ähnliche benannte Farben
Die acht benannten Farben, die Flat Blue am nächsten liegen, mit ihrem ΔE-Abstand.
- Muted Blue #3B719F ΔE 0.014
- Dull Blue #49759C ΔE 0.024
- French Blue #436BAD ΔE 0.026
- Nice Blue #107AB0 ΔE 0.029
- Cerulean #457B9D ΔE 0.034
- Windows Blue #3778BF ΔE 0.036
- Ocean Blue #03719C ΔE 0.038
- Mid Blue #276AB3 ΔE 0.039
Mehr über Flat Blue
So mischst du Flat 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
- 3 Teile Rosa
- 1 Teil Grün
Ergebnis des Rezepts: #3A71AA, eine Abweichung von ΔE 0.007 zu Flat Blue. Das ist sehr nah dran: Die meisten Menschen sehen keinen Unterschied.
Codes für Flat Blue in jedem Format
| HEX | #3C73A8 |
| RGB | rgb(60, 115, 168) |
| HSL | hsl(209, 47%, 45%) |
| OKLCH | oklch(54.2% 0.102 249.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.
| Paar | WCAG 2 | Ergebnis | APCA | APCA-Empfehlung |
|---|---|---|---|---|
| Weißer Text auf #3C73A8 | 4.98:1 | AA | Lc -79.7 | Gut für Fließtext |
| Schwarzer Text auf #3C73A8 | 4.20:1 | AA für großen Text | Lc 29.8 | Nur Trennlinien und Dekoration |
| #3C73A8 als Text auf Weiß | 4.98:1 | AA | Lc 74.3 | Inhaltstext, nicht für lange Texte |
| #3C73A8 als Text auf Schwarz | 4.20:1 | AA für großen Text | Lc -27.4 | Nur Trennlinien und Dekoration |
Shades und Tints von Flat 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.
-
Stufe 50
50
#F2F6F9
oklch(97.1% 0.006 239.8)
-
Stufe 100
100
#E3EBF3
oklch(93.6% 0.014 248)
-
Stufe 200
200
#CDDBEA
oklch(88.5% 0.026 250)
-
Stufe 300
300
#ABC4DE
oklch(81% 0.046 249.4)
-
Stufe 400
400
#7DA5CD
oklch(70.8% 0.073 248.9)
-
Stufe 500
500
#5B8EC0
oklch(63.2% 0.094 249)
-
Stufe 600
600 (diese Farbe)
#3C73A8
oklch(54.2% 0.102 249.4)
-
Stufe 700
700
#326494
oklch(49.1% 0.094 249.5)
-
Stufe 800
800
#2A5278
oklch(42.8% 0.078 249)
-
Stufe 900
900
#274461
oklch(37.8% 0.061 249.7)
-
Stufe 950
950
#172839
oklch(27.1% 0.039 249.5)
Flat 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) | #5C75AA | 0.037 |
| Deuteranopie (keine Grünzapfen) | #4D6BA7 | 0.026 |
| Tritanopie (keine Blauzapfen) | #007F86 | 0.079 |
| Achromatopsie (kein Farbsehen) | #707070 | 0.102 |
Nutze Flat 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.