Zum Farbwähler springen

Farbe #2a67a2: Kräftiges Blau

#2a67a2 ist rgb(42, 103, 162) in RGB und oklch(50.35% 0.11315 250.494) in OKLCH. Alle weiteren Formate, Farbtöne und Kontrastwerte findest du unten.

Erkannt als HEX

210°
100 %

50,4 %
0,113
250°
  • Blau
  • Mittel
  • Kräftig
  • Kühl
  • ≈ Jeansblau
  • sky-700
  • Schwarz 36 %

Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.

Weißer Text
5.90:1Gut lesbar · AA
Lc -84
Schwarzer Text
3.56:1Schwer lesbar
Lc 25

Abstufungen

Von der hellsten zur dunkelsten. Klick auf eine Stufe, um sie zu übernehmen.

Harmonien

Als Palette öffnen

Zuletzt

Farben, die du auswählst oder kopierst, erscheinen hier. Sie bleiben auf diesem Gerät.

Über #2a67a2

#2a67a2 ist ein kräftiges blau. In OKLCH hat die Farbe die Helligkeit 50,4 %, das Chroma 0.113 und den Farbton 250°.

Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.

Weißer Text erreicht darauf einen Kontrast von 5.9:1, schwarzer Text 3.56:1. Besser lesbar ist also weißer Text.

Die nächste benannte Farbe ist Jeansblau (#1560bd). In Tailwind CSS kommt sky-700 am nächsten.

Mehr mittlere blaue farben

Heller: #2a67a2 mit Weiß gemischt

  1. 2a67a2
  2. 4176ac
  3. 5685b5
  4. 6b94bf
  5. 7fa3c8
  6. 94b2d2
  7. a9c1db
  8. bed0e4
  9. d4e0ed
  10. e9eff6

Dunkler: #2a67a2 mit Schwarz gemischt

  1. 2a67a2
  2. 23598c
  3. 1c4b77
  4. 163d63
  5. 10304f
  6. 0a233c
  7. 05172a
  8. 020c19
  9. 01040a
  10. 000001

Ruhiger: #2a67a2 mit weniger Sättigung

  1. 2a67a2
  2. 32679c
  3. 396796
  4. 406790
  5. 46678a
  6. 4c6784
  7. 51667e
  8. 566677
  9. 5b6571
  10. 60656b

Fragen zu #2a67a2

Welche Farbe ist #2a67a2?

#2a67a2 ist ein kräftiges blau. Die nächste benannte Farbe ist Kräftiges Blau. In RGB ist das rgb(42, 103, 162), in HSL hsl(209.5, 58.82%, 40%) und in OKLCH oklch(50.35% 0.11315 250.494).

Welche Farben passen zu #2a67a2?

Die Komplementärfarbe von #2a67a2 ist #8c5700. Ruhiger wirkt die Kombination mit den analogen Farben #007291 und #595ba3. Die triadischen Partner sind #994555 und #4d7123.

Ist weißer oder schwarzer Text auf #2a67a2 besser lesbar?

Weißer Text ist auf #2a67a2 besser lesbar: Weiß ergibt ein Kontrastverhältnis von 5.9:1, Schwarz 3.56:1. WCAG AA verlangt für Fließtext mindestens 4,5:1.

Ist #2a67a2 eine warme oder kühle Farbe?

#2a67a2 wirkt kühl. In OKLCH liegt der Farbton bei 250 Grad, die Helligkeit bei 50,4 % und das Chroma bei 0.113.