De korte versie
- Een marineblauw verloop mengt zeer donkere blauwtinten, meestal van een bijna zwart marineblauw naar een helderder koningsblauw of indigo.
- Marineblauw oogt serieus, betrouwbaar en gevestigd, daarom gebruiken financiën, recht en onderwijs het zo vaak.
- Om te voorkomen dat marineblauw generiek oogt, voeg je een lichtbron toe, laat je het licht naar violet of turquoise neigen of combineer je het met een warm metaalaccent zoals goud of koper.
- Witte en lichtgrijze tekst leest makkelijk op marineblauw; gouden tekst werkt ook als hij licht genoeg is.
- Donkere marineverlopen vertonen makkelijk banding in gecomprimeerde afbeeldingen, dus voeg lichte korrel toe en exporteer op volledig formaat.
Op deze pagina
Een marineblauw verloop mengt diepe blauwtinten, meestal van een bijna zwart marineblauw zoals #0b1630 naar een helderder koningsblauw of indigo. Het oogt rustig, serieus en betrouwbaar en laat witte letters scherp ogen. Het probleem is dat marineblauw overal zit in financiën, recht en zakelijk ontwerp, waardoor een vlakke marineblauwe overgang vaak op een standaardinstelling lijkt. De codes hieronder geven marineblauw licht, temperatuur en een accent, zodat het het vertrouwen houdt en een eigen karakter krijgt.
Klassieke marineblauwe verloopcodes
Dit zijn de betrouwbare, dicht bij zuiver marineblauw, met net genoeg beweging om niet op een effen vulling te lijken. Ze zijn ideaal voor presentatiedia’s, jaarverslagen, e-mailkoppen en websitefooters.
Hex
#000080Gebruik als
Hex
#0b1630Gebruik als
Hex
#172554Gebruik als
Hex
#1e3a8aGebruik als
Hex
#1e40afGebruik als
Marineverlopen met een vleugje kleur
Laat marineblauw een paar graden naar violet neigen en het wordt avond en luxe; laat het naar turquoise neigen en het wordt de zee en technologie. Elke verschuiving laat het gekozen voelen. Het helderste uiteinde moet nog steeds diep genoeg blijven voor witte tekst over het grootste deel van het vlak.
Marineblauw en goud, koper of zilver
Weinig ondergronden passen beter bij een metaalaccent dan marineblauw. Goud op marineblauw is traditioneel en feestelijk; koper is warmer en moderner; zilver is koel en stil. Houd het metaal klein, als een licht in een hoek of een dunne lijn, zodat het marineblauw het meeste werk blijft doen. Goudverlopen en zilververlopen laten de metaalkant in detail zien.
Middernachtmarineverlopen voor nacht en luxe
Radiale mengsels voelen als een hemel na zonsondergang of een schemerig verlichte kamer. Ze passen bij galauitnodigingen, hotelbars, sieraden, horloges en late radio. Voor de versie met sterren, zie nachthemelverlopen.
Waar marineverlopen hun plek verdienen
Marineblauw is op zijn best waar de woorden meer tellen dan het beeld, omdat het letters een rustige ondergrond met hoog contrast geeft. Enkele toepassingen om te stelen:
- Dia’s van 1920×1080: “Klassiek marine” voor sectiescheidingen, met één gouden lijn onder elke titel.
- LinkedIn-profielbanner van 1584×396: “Marine en turquoise” van links naar rechts, het donkerst achter je foto.
- E-mailkop van 1200×600: “Inktmarine” met een ivoorkleurige kop, zodat de kop zich al thuis voelt in inboxen met donkere modus.
- Uitnodigingen voor diploma-uitreikingen en prijsuitreikingen: “Goudlicht op marine” gedrukt als A5-flyer.
- Grafieken en dashboards: een diepe marineblauwe ondergrond maakt heldere datakleuren makkelijk te onderscheiden.
Zo laat je marineblauw minder zakelijk ogen
Oogt als elke bank
- Vlak
#000080met een wit logo - Een rechte overgang van boven naar beneden
- Felle middenblauwe knoppen
- Stockfoto van een handdruk
Oogt doordacht
- Een verzacht marineblauw met een neiging naar violet of turquoise
- Licht dat van één plek komt
- Eén warm accent: goud, koper of koraal
- Een fijne korrel die het gedrukt laat voelen
Geen van deze veranderingen kost vertrouwen. Ze maken het merk alleen in één oogopslag herkenbaar, wat telt als elke concurrent hetzelfde blauw gebruikt. Onderscheidende merkelementen legt uit waarom herkenning komt van iets bezitten wat niemand anders gebruikt. Een nuttige test: dek je logo af en vraag of iemand nog kan zien dat het ontwerp van jou is. Bij een vlakke marineblauwe overgang is het antwoord bijna altijd nee.
Een LinkedIn-linkafbeelding op diep marineblauw met één warm licht. Serieus, niet anoniem.
Hetzelfde ontwerp als staande post, met het licht verplaatst voor het hogere beeld.
Marineblauw verloop in CSS zonder banding
Donkere, subtiele mengsels zijn waar banding het meest opvalt: je ziet zichtbare trappen in plaats van een vloeiende overgang, vooral nadat een platform je afbeelding opnieuw comprimeert. Op het web verbergen een paar extra stops en een korrellaag het. Banding in verlopen legt de oorzaak uit.
.hero-navy {
position: relative;
background-color: #0b1630; /* fallback */
background-image:
radial-gradient(circle at 85% 15%, rgb(212 166 74 / 0.35) 0%, transparent 35%),
linear-gradient(160deg, #1e3a8a 0%, #172554 45%, #0f1d3a 75%, #0b1630 100%);
color: #f8f6f1;
}
/* fine grain on top to break up banding */
.hero-navy::after {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
opacity: 0.08;
background-image: url("/grain.png"); /* a small tiling noise image */
}Tekst is het makkelijke deel bij marineblauw. Wit en ivoor halen het contrast ruim op elk marineblauw hierboven, en oud goud #d4a64a leest op ongeveer 8 op 1 op middernacht, dus het werkt voor koppen. Let op felblauw: een middenblauw zoals #3b82f6 achter witte tekst zakt naar ongeveer 3,7 op 1. In Gradiently regelt Auto-inkt dit per regel, door letters uit het eigen palet van de Mark te kiezen, en de Designer kan een hele marineblauwe campagne opmaken in de stem van je merkkit.
Vragen die mensen stellen
Wat is de hexcode voor marineblauw?
De CSS-kleurnaam navy is #000080. Zachtere versies zoals #172554 of #0b1630 zien er op schermen meestal beter uit.
Welke kleuren passen bij een marineblauw verloop?
Goud, koper, ivoor, leisteen en koraal. Eén warm accent voorkomt dat marineblauw koud of zakelijk oogt.
Is marineblauw goed voor een zakelijk merk?
Het oogt serieus en betrouwbaar, dus het past bij financiën, recht en onderwijs. Omdat zoveel concurrenten het gebruiken, voeg je licht of een accent toe om herkenbaar te blijven.
Waarom toont mijn marineblauwe verloop strepen?
Dat is banding, vaak bij donkere, subtiele overgangen. Voeg meer stops en een lichte korrellaag toe en vermijd zware JPEG-compressie.
Kan ik gouden tekst op marineblauw gebruiken?
Ja, als het goud licht genoeg is. #d4a64a op #0b1630 meet ongeveer 8 op 1, wat slaagt voor koppen en lopende tekst.
Geschreven door Gradiently
Het team achter Gradiently, een ontwerptool rond Marks: levende kleurverlopen die alles wat je ontwerpt op jou laten lijken.
Bekijk ons profiel