Zum Farbwähler springen

Farbe #337caa: Kräftiges Himmelblau

#337caa ist rgb(51, 124, 170) in RGB und oklch(56.128% 0.10126 239.861) in OKLCH. Alle weiteren Formate, Farbtöne und Kontrastwerte findest du unten.

Erkannt als HEX

203°
100 %

56,1 %
0,101
240°
  • Himmelblau
  • Mittel
  • Kräftig
  • Kühl
  • ≈ Coelinblau
  • cyan-700
  • Schwarz 33 %

Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.

Weißer Text
4.56:1Gut lesbar · AA
Lc -77
Schwarzer Text
4.60:1Gut lesbar · AA
Lc 33

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 #337caa

#337caa ist ein kräftiges himmelblau. In OKLCH hat die Farbe die Helligkeit 56,1 %, das Chroma 0.101 und den Farbton 240°.

Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.

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

Die nächste benannte Farbe ist Coelinblau (#007ba7). In Tailwind CSS kommt cyan-700 am nächsten.

Mehr mittlere himmelblaue farben

Heller: #337caa mit Weiß gemischt

  1. 337caa
  2. 4a89b3
  3. 5f96bb
  4. 73a3c4
  5. 87b0cd
  6. 9bbdd5
  7. afcade
  8. c3d7e6
  9. d7e4ee
  10. ebf2f7

Dunkler: #337caa mit Schwarz gemischt

  1. 337caa
  2. 2b6b93
  3. 235a7d
  4. 1c4a68
  5. 143b53
  6. 0d2c3f
  7. 071e2d
  8. 03111b
  9. 01050b
  10. 000101

Ruhiger: #337caa mit weniger Sättigung

  1. 337caa
  2. 3d7ca5
  3. 457ba0
  4. 4c7b9a
  5. 537a95
  6. 5a7990
  7. 5f788b
  8. 657885
  9. 6b7780
  10. 70767a

Ähnliche benannte Farben

Farben, die zu #337caa passen

Komplementär
#337caa#a06531
Analog
#337caa#008495#5e71b0
Triadisch
#337caa#a45a72#6d7d33
Split
#337caa#a85c51#8c7221

Fragen zu #337caa

Welche Farbe ist #337caa?

#337caa ist ein kräftiges himmelblau. Die nächste benannte Farbe ist Kräftiges Himmelblau. In RGB ist das rgb(51, 124, 170), in HSL hsl(203.19, 53.85%, 43.33%) und in OKLCH oklch(56.128% 0.10126 239.861).

Welche Farben passen zu #337caa?

Die Komplementärfarbe von #337caa ist #a06531. Ruhiger wirkt die Kombination mit den analogen Farben #008495 und #5e71b0. Die triadischen Partner sind #a45a72 und #6d7d33.

Ist weißer oder schwarzer Text auf #337caa besser lesbar?

Weißer Text ist auf #337caa besser lesbar: Weiß ergibt ein Kontrastverhältnis von 4.56:1, Schwarz 4.6:1. WCAG AA verlangt für Fließtext mindestens 4,5:1.

Ist #337caa eine warme oder kühle Farbe?

#337caa wirkt kühl. In OKLCH liegt der Farbton bei 240 Grad, die Helligkeit bei 56,1 % und das Chroma bei 0.101.