Zum Farbwähler springen

Farbe #348f8a: Kräftiges Petrol

#348f8a ist rgb(52, 143, 138) in RGB und oklch(59.529% 0.08516 190.002) in OKLCH. Alle weiteren Formate, Farbtöne und Kontrastwerte findest du unten.

Erkannt als HEX

177°
100 %

59,5 %
0,085
190°
  • Petrol
  • Mittel
  • Kräftig
  • Kühl
  • ≈ Petrol
  • teal-600
  • Schwarz 44 %

Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.

Weißer Text
3.86:1Schwer lesbar
Lc -71
Schwarzer Text
5.44:1Gut lesbar · AA
Lc 38

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 #348f8a

#348f8a ist ein kräftiges petrol. In OKLCH hat die Farbe die Helligkeit 59,5 %, das Chroma 0.085 und den Farbton 190°.

Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.

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

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

Mehr mittlere petrolfarbene farben

Heller: #348f8a mit Weiß gemischt

  1. 348f8a
  2. 4d9a95
  3. 63a5a0
  4. 77b0ac
  5. 8bbbb7
  6. 9ec6c3
  7. b2d1cf
  8. c5dddb
  9. d8e8e7
  10. ecf4f3

Dunkler: #348f8a mit Schwarz gemischt

  1. 348f8a
  2. 2c7c77
  3. 246965
  4. 1c5753
  5. 154542
  6. 0e3432
  7. 072422
  8. 031514
  9. 010707
  10. 000101

Ruhiger: #348f8a mit weniger Sättigung

  1. 348f8a
  2. 408e89
  3. 4a8c88
  4. 528b87
  5. 5a8985
  6. 618784
  7. 688683
  8. 6e8482
  9. 748281
  10. 798080

Fragen zu #348f8a

Welche Farbe ist #348f8a?

#348f8a ist ein kräftiges petrol. Die nächste benannte Farbe ist Kräftiges Petrol. In RGB ist das rgb(52, 143, 138), in HSL hsl(176.7, 46.67%, 38.24%) und in OKLCH oklch(59.529% 0.08516 190.002).

Welche Farben passen zu #348f8a?

Die Komplementärfarbe von #348f8a ist #ab6973. Ruhiger wirkt die Kombination mit den analogen Farben #4d8f6d und #3a8ba2. Die triadischen Partner sind #8e70a5 und #9f7643.

Ist weißer oder schwarzer Text auf #348f8a besser lesbar?

Weißer Text ist auf #348f8a besser lesbar: Weiß ergibt ein Kontrastverhältnis von 3.86:1, Schwarz 5.44:1. WCAG AA verlangt für Fließtext mindestens 4,5:1.

Ist #348f8a eine warme oder kühle Farbe?

#348f8a wirkt kühl. In OKLCH liegt der Farbton bei 190 Grad, die Helligkeit bei 59,5 % und das Chroma bei 0.085.