Petrol #005F6A
Petrol ist eine Farbe im Bereich Türkis oder Cyan, dunkel und mäßig gesättigt, mit dem Hex-Code #005F6A und dem RGB-Wert rgb(0, 95, 106).
Aa
Weißer Text ist auf dieser Farbe am besten lesbar (7.38:1).
Über diese Farbe
#005F6A ist eine Farbe im Bereich Türkis oder Cyan, dunkel und mäßig gesättigt. In OKLCH liegt die Helligkeit bei 44 %, die Chroma bei 0.076 und der Farbwinkel bei 208°. Ihr Farbton liegt auf der kühlen Seite des Farbkreises. Es ist die benannte Farbe Petrol. Weißer Text ist darauf am besten lesbar, mit 7.38:1.
| Farbfamilie | Türkis und Cyan |
| Helligkeit | dunkel (44%) |
| Chroma | mäßig gesättigt (0.076) |
| Temperatur | kühl |
| Nächster Name | Petrol |
| Schwarzer Text | 2.84:1 |
| Weißer Text | 7.38:1 |
Farben, die zu Petrol passen
Passende Farben, gefunden durch Drehen von Petrol 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 Petrol
Kuratierte Farbpaletten, die eine Farbe innerhalb von ΔE 0,06 (OKLab) zu Petrol enthalten, die nächsten zuerst.
Ähnliche benannte Farben
Die acht benannten Farben, die Petrol am nächsten liegen, mit ihrem ΔE-Abstand.
- Dark Aqua #05696B ΔE 0.033
- Deep Teal #00555A ΔE 0.037
- Dark Green Blue #1F6357 ΔE 0.039
- YInMn Blue #415A77 ΔE 0.056
- Dark Slate Gray #2F4F4F ΔE 0.058
- Deep Sea Blue #015482 ΔE 0.060
- Dark Blue Green #005249 ΔE 0.061
- Deep Turquoise #017374 ΔE 0.063
Mehr über Petrol
So mischst du Petrol
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.
- 3 Teile Blau
- 1 Teil Orange
Ergebnis des Rezepts: #1B5C68, eine Abweichung von ΔE 0.012 zu Petrol. Das ist sehr nah dran: Die meisten Menschen sehen keinen Unterschied.
Codes für Petrol in jedem Format
| HEX | #005F6A |
| RGB | rgb(0, 95, 106) |
| HSL | hsl(186, 100%, 21%) |
| OKLCH | oklch(44.4% 0.076 208.5) |
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 #005F6A | 7.38:1 | AAA | Lc -90.0 | Bevorzugt für Fließtext |
| Schwarzer Text auf #005F6A | 2.84:1 | Nicht bestanden | Lc 18.9 | Nur Trennlinien und Dekoration |
| #005F6A als Text auf Weiß | 7.38:1 | AAA | Lc 85.1 | Gut für Fließtext |
| #005F6A als Text auf Schwarz | 2.84:1 | Nicht bestanden | Lc -16.9 | Nur Trennlinien und Dekoration |
Shades und Tints von Petrol
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 800.
-
Stufe 50
50
#F1F7F7
oklch(97.2% 0.006 197.1)
-
Stufe 100
100
#E1ECEE
oklch(93.5% 0.012 209.8)
-
Stufe 200
200
#C7DEE2
oklch(88.5% 0.025 209.3)
-
Stufe 300
300
#A0C9D0
oklch(80.9% 0.044 209.1)
-
Stufe 400
400
#68ADB8
oklch(70.6% 0.071 208.6)
-
Stufe 500
500
#3699A7
oklch(63.2% 0.092 208.4)
-
Stufe 600
600
#008291
oklch(55.5% 0.096 208.9)
-
Stufe 700
700
#006E7A
oklch(49.2% 0.085 207.9)
-
Stufe 800
800 (diese Farbe)
#005F6A
oklch(44.4% 0.076 208.5)
-
Stufe 900
900
#0D4A52
oklch(37.6% 0.06 208.3)
-
Stufe 950
950
#0B2B30
oklch(26.8% 0.038 209.5)
Petrol 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) | #555B6B | 0.073 |
| Deuteranopie (keine Grünzapfen) | #48526A | 0.065 |
| Tritanopie (keine Blauzapfen) | #006462 | 0.024 |
| Achromatopsie (kein Farbsehen) | #565656 | 0.077 |
Nutze Petrol 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.