Kleurenpaletten

Kleur blauw

Een van de drie lichtkleuren in elk scherm, samen met rood en groen. Het straalt rust, vertrouwen en orde uit. Het is de meest gebruikte kleur in logo's van banken, techbedrijven en sociale netwerken.

Blauw · #0000FF

Feiten over de kleur blauw

De kleur blauw (#0000FF) is koel, middelmatig licht en sterk verzadigd. Deze kleur hoort bij de familie van de blauwtinten. Ze bestaat uit 0 rood, 0 groen en 255 blauw (van de 255). Veelgebruikt voor: logo's, web, branding, mode.

Tinten van blauw: licht en donker

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

Kleuren die passen bij blauw

WitFris en strak, zoals de zee en de wolken.OranjeDe complementaire kleur, voor maximaal contrast.GrijsIngetogen en professioneel.GeelVrolijk en helder.BeigeWarmte en balans.RozeEen lief, modern contrast.KoffiebruinEen klassieke, natuurlijke mix.GroenDe natuurlijke buurkleur, fris en sereen.
Zo combineer je blauw in kleding en interieur →

Kleurharmonieën van blauw

Combinaties volgens de kleurencirkel. Meer bij kleurharmonieën.

ComplementairLijkt op: Geel
AnaloogLijkt op: Elektrisch blauw, Violet
TriadeLijkt op: Rood, Neongroen
Gesplitst complementairLijkt op: Oranje, Chartreuse
TetradeLijkt op: Felroze, Geel, Mintgroen

Kleurenpaletten met blauw

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

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

Contrast van blauw met tekst

Witte tekstContrast 8.6:1 · AAA
Zwarte tekstContrast 2.4:1 · Niet aanbevolen

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

CSS-code

:root {
  --blauw: #0000FF;
  --blauw-rgb: 0, 0, 255;
}
.achtergrond { background-color: var(--blauw); }
.tekst { color: var(--blauw); }

Kleuren die lijken op blauw

VioletPaarsDonkerblauwUltramarijnMarineblauwMagentaKleinblauwDruivenpaarsIndigoElektrisch blauw

Andere blauwtinten

MarineblauwHemelsblauwKobaltblauwSaffierblauwStaalblauwKoningsblauwElektrisch blauwMiddernachtblauwUltramarijnFrans blauwPruisisch blauwPastelblauwBabyblauwDenimblauwKleinblauwDonkerblauwLichtblauwCeruleumblauw

Veelgestelde vragen

Wat is de kleurcode van blauw?

De HEX-code van de kleur blauw is #0000FF. In RGB is dat rgb(0, 0, 255), in HSL hsl(240, 100%, 50%) en in CMYK 100, 100, 0, 0.

Wat is de complementaire kleur van blauw?

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

Kun je witte tekst gebruiken op de kleur blauw?

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

Welke kleuren passen bij blauw?

Past goed bij wit, oranje, grijs, geel, beige. Mix niet te veel heel verschillende blauwtinten zonder neutrale kleur, want dat oogt rommelig. Met intens paars verliest blauw zijn helderheid.