Zum Farbwähler springen

Farbe #369ea3: Kräftiges Cyan

#369ea3 ist rgb(54, 158, 163) in RGB und oklch(64.286% 0.09317 199.691) in OKLCH. Alle weiteren Formate, Farbtöne und Kontrastwerte findest du unten.

Erkannt als HEX

183°
100 %

64,3 %
0,093
200°
  • Cyan
  • Mittel
  • Kräftig
  • Kühl
  • ≈ Mint
  • teal-600
  • Schwarz 36 %

Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.

Weißer Text
3.19:1Schwer lesbar
Lc -64
Schwarzer Text
6.58:1Gut lesbar · AA
Lc 45

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 #369ea3

#369ea3 ist ein kräftiges cyan. In OKLCH hat die Farbe die Helligkeit 64,3 %, das Chroma 0.093 und den Farbton 200°.

Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.

Weißer Text erreicht darauf einen Kontrast von 3.19:1, schwarzer Text 6.58:1. Besser lesbar ist also schwarzer Text.

Die nächste benannte Farbe ist Mint (#3eb489). In Tailwind CSS kommt teal-600 am nächsten.

Mehr mittlere cyanfarbene farben Farben

Heller: #369ea3 mit Weiß gemischt

  1. 369ea3
  2. 50a8ac
  3. 67b1b5
  4. 7bbbbe
  5. 8fc5c7
  6. a2ced0
  7. b5d8d9
  8. c7e2e3
  9. daebec
  10. ecf5f6

Dunkler: #369ea3 mit Schwarz gemischt

  1. 369ea3
  2. 2e898d
  3. 257478
  4. 1e6063
  5. 164d4f
  6. 0f3a3c
  7. 08292a
  8. 031819
  9. 01090a
  10. 000101

Ruhiger: #369ea3 mit weniger Sättigung

  1. 369ea3
  2. 449ca1
  3. 509b9f
  4. 5a999c
  5. 63989a
  6. 6b9698
  7. 739496
  8. 7a9394
  9. 819191
  10. 878f8f

Fragen zu #369ea3

Welche Farbe ist #369ea3?

#369ea3 ist ein kräftiges cyan. Die nächste benannte Farbe ist Kräftiges Cyan. In RGB ist das rgb(54, 158, 163), in HSL hsl(182.75, 50.23%, 42.55%) und in OKLCH oklch(64.286% 0.09317 199.691).

Welche Farben passen zu #369ea3?

Die Komplementärfarbe von #369ea3 ist #bf7576. Ruhiger wirkt die Kombination mit den analogen Farben #4a9f84 und #4998bb. Die triadischen Partner sind #a67ab1 und #ab8647.

Ist weißer oder schwarzer Text auf #369ea3 besser lesbar?

Schwarzer Text ist auf #369ea3 besser lesbar: Weiß ergibt ein Kontrastverhältnis von 3.19:1, Schwarz 6.58:1. WCAG AA verlangt für Fließtext mindestens 4,5:1.

Ist #369ea3 eine warme oder kühle Farbe?

#369ea3 wirkt kühl. In OKLCH liegt der Farbton bei 200 Grad, die Helligkeit bei 64,3 % und das Chroma bei 0.093.