Kleurenpaletten

Kleur azuurblauw

Een helder, levendig blauw tussen puur blauw en cyaan, zoals een strakke lucht op een zonnige dag. De naam gaat via het Arabisch terug op het Perzische woord voor lapis lazuli. Het werkt fris in webdesign, logo's en zomerse campagnes.

Ook wel: azuur, azure.

Openen in editor

De HEX-code van de kleur azuurblauw is #007FFF. In RGB is dat rgb(0, 127, 255), in HSL hsl(210, 100%, 50%) en in CMYK 100, 50, 0, 0.

Zo ziet het eruit

Kies een kleur om te combineren en zie hoe het staat op kleding, in huis en in design.

Kleuren die lijken op azuurblauw

Elektrisch blauw#2C75FFKoningsblauw#4169E1Saffierblauw#0F52BADenimblauw#1560BDLeiblauw#6A5ACDKorenbloemblauw#6495ED

Feiten over de kleur azuurblauw

De kleur azuurblauw (#007FFF) is koel, middelmatig licht en sterk verzadigd. Deze kleur hoort bij de familie van de blauwtinten. Ze bestaat uit 0 rood, 127 groen en 255 blauw (van de 255). Veelgebruikt voor: web, branding, zomer.

Kleurstaal van Azuurblauw met tinten van licht tot donker · #007FFF
Azuurblauw · #007FFF

Tinten van azuurblauw: licht en donker

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

Bekijk alle tinten: Kleurtinten-generator

Kleurharmonieën van azuurblauw

Combinaties volgens de kleurencirkel. Meer bij kleurharmonieën.

ComplementairLijkt op: Oranje
AnaloogLijkt op: Cyaan, Blauw
TriadeLijkt op: Felroze, Chartreuse
Gesplitst complementairLijkt op: Rood, Geel
TetradeLijkt op: Magenta, Oranje, Neongroen

Kleurenpaletten met azuurblauw

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

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

Contrast van azuurblauw met tekst

Witte tekstContrast 3.8:1 · AA grote tekst
Zwarte tekstContrast 5.5:1 · AA

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

CSS-code

:root {
  --azuurblauw: #007FFF;
  --azuurblauw-rgb: 0, 127, 255;
}
.achtergrond { background-color: var(--azuurblauw); }
.tekst { color: var(--azuurblauw); }

Kleuren die lijken op azuurblauw

KobaltblauwFrans blauwAmethistKleinblauw

Waar je deze kleur ziet

GoogleMerkenFacebookMerken

Kleurenpaletten per thema met deze kleur

Kleurenpaletten voor Día de los MuertosVrolijke kleurenpalettenProfessionele en zakelijke kleurenpaletten

Andere blauwtinten

BlauwMarineblauwHemelsblauwKobaltblauwSaffierblauwStaalblauwKoningsblauwElektrisch blauwMiddernachtblauwUltramarijnFrans blauwPruisisch blauwPastelblauwBabyblauwDenimblauwKleinblauwDonkerblauwLichtblauwCeruleumblauwMaagdenpalmblauwKorenbloemblauwOudblauwOceaanblauwPoederblauw
Kleurstaal van Azuurblauw met tinten van licht tot donker · #007FFF
Kleurstaal van Azuurblauw met tinten van licht tot donker · #007FFF

Probeer ook eens

Kleurenpalet van je naamTyp een naam en krijg je eigen kleurenpaletKleurenanalyse met een selfieOntdek je seizoenstype en beste kleuren met één fotoWelke kleur heeft jouw stem?Praat 5 seconden en zet je stem om in een kleur
Bekijk alle gratis tools →

Veelgestelde vragen

Wat is de kleurcode van azuurblauw?

De HEX-code van de kleur azuurblauw is #007FFF. In RGB is dat rgb(0, 127, 255), in HSL hsl(210, 100%, 50%) en in CMYK 100, 50, 0, 0.

Wat is de complementaire kleur van azuurblauw?

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

Kun je witte tekst gebruiken op de kleur azuurblauw?

Gebruik liever zwarte tekst: het contrast met wit is maar 3.8:1, met zwart is het 5.5:1.