Kleurenpaletten

Kleur petrolblauw

Een donker blauw met een groene ondertoon, zoals de glans op olie. Elegant en diep, minder koel dan marineblauw. Je ziet het op fluwelen banken, nette kleding en bij merken die serieus willen ogen.

Ook wel: petrol, donker petrol.

Petrolblauw · #084C61

Feiten over de kleur petrolblauw

De kleur petrolblauw (#084C61) is koel, donker en sterk verzadigd. Deze kleur hoort bij de familie van de turquoisetinten. Ze bestaat uit 8 rood, 76 groen en 97 blauw (van de 255). Veelgebruikt voor: mode, interieur, branding.

Tinten van petrolblauw: licht en donker

Van licht naar donker. Tik op een tint om de code te kopiëren.

Kleuren die passen bij petrolblauw

MosterdgeelEen heel elegant warm contrast.TerracottaBijna de complementaire kleur, vol warmte.BeigeEen zachte, knusse basis.OudrozeEen zacht, modern contrast.GrijsEen ingetogen, verfijnde look.GoudGeeft luxe en glans.KoraalEen helder, vrolijk accent.WitLicht het op en maakt het frisser.
Zo combineer je petrolblauw in kleding en interieur →

Kleurharmonieën van petrolblauw

Combinaties volgens de kleurencirkel. Meer bij kleurharmonieën.

ComplementairLijkt op: Kastanjebruin
AnaloogLijkt op: Flessengroen, Middernachtblauw
TriadeLijkt op: Pruimpaars, Legergroen
Gesplitst complementairLijkt op: Wijnrood, Sepia
TetradeLijkt op: Middernachtblauw, Kastanjebruin, Donkergroen

Kleurenpaletten met petrolblauw

Kopieer de codes of open het palet in de editor om het aan te passen.

Palet Monochroom · Petrolblauw
Palet Analoog · Petrolblauw
Palet Complementair · Petrolblauw
Palet Triade · Petrolblauw
Palet Met neutrale kleuren · Petrolblauw
Palet Met accent · Petrolblauw

Contrast van petrolblauw met tekst

Witte tekstContrast 9.5:1 · AAA
Zwarte tekstContrast 2.2:1 · Niet aanbevolen

Volgens de WCAG 2.1-richtlijnen. Test andere kleurenparen met de contrast checker.

CSS-code

:root {
  --petrolblauw: #084C61;
  --petrolblauw-rgb: 8, 76, 97;
}
.achtergrond { background-color: var(--petrolblauw); }
.tekst { color: var(--petrolblauw); }

Kleuren die lijken op petrolblauw

HoutskoolgrijsPruisisch blauwGrafietPetrolgroenAntracietOnyxOxfordgrijsDonkergrijsGitzwartCeruleumblauw

Kleurenpaletten per thema met deze kleur

Kleurenpaletten voor een websiteKleurenpaletten voor een koffiebarZomer kleurenpalettenWinter kleurenpalettenStrand kleurenpalettenCaribische kleurenpaletten

Andere turquoisetinten

TurquoiseAquamarijnCyaanWatergroenBlauwgroenPetrolgroenDonkerturquoisePastelturquoiseTiffanyblauw

Veelgestelde vragen

Wat is de kleurcode van petrolblauw?

De HEX-code van de kleur petrolblauw is #084C61. In RGB is dat rgb(8, 76, 97), in HSL hsl(194, 85%, 21%) en in CMYK 92, 22, 0, 62.

Wat is de complementaire kleur van petrolblauw?

De complementaire kleur in de kleurencirkel is #611D08, een tint die in de buurt komt van kastanjebruin. In kleine hoeveelheden werkt die goed als accent en geeft veel contrast.

Kun je witte tekst gebruiken op de kleur petrolblauw?

Ja. Het contrast met wit is 9.5:1, genoeg voor normale tekst (WCAG AA).

Welke kleuren passen bij petrolblauw?

Past goed bij mosterdgeel, terracotta, beige, oudroze, grijs. Combineer het niet met zwart of marineblauw zonder een andere kleur, want dan valt het weg. Heel fel groen ernaast botst ook.