Kleurenpaletten

Kleur koningsblauw

Volgens het verhaal ontstond het uit een wedstrijd om een jurk te maken voor koningin Charlotte van Engeland. Het is een levendig, verzadigd blauw. Populair voor feestjurken, sportuniformen en diploma-uitreikingen.

Ook wel: royal blue.

Koningsblauw · #4169E1

Feiten over de kleur koningsblauw

De kleur koningsblauw (#4169E1) is koel, middelmatig licht en matig verzadigd. Deze kleur hoort bij de familie van de blauwtinten. Ze bestaat uit 65 rood, 105 groen en 225 blauw (van de 255). Veelgebruikt voor: mode, evenementen, sport.

Tinten van koningsblauw: licht en donker

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

Kleuren die passen bij koningsblauw

WitEen strak, helder contrast.ZwartEen elegante, serieuze look.GoudGeeft glans en een feestelijk gevoel.GrijsMaakt het blauw rustiger en professioneel.GeelEen vrolijk, sportief contrast.OranjeDe complementaire kleur, heel opvallend.CamelWarmte en elegantie in één.RozeEen moderne, gedurfde mix.
Zo combineer je koningsblauw in kleding en interieur →

Kleurharmonieën van koningsblauw

Combinaties volgens de kleurencirkel. Meer bij kleurharmonieën.

ComplementairLijkt op: Oudgoud
AnaloogLijkt op: Babyblauw, Paars
TriadeLijkt op: Frambozenroze, Grasgroen
Gesplitst complementairLijkt op: Koraal, Appelgroen
TetradeLijkt op: Neonroze, Oudgoud, Pastelgroen

Kleurenpaletten met koningsblauw

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

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

Contrast van koningsblauw met tekst

Witte tekstContrast 4.8:1 · AA
Zwarte tekstContrast 4.3:1 · AA grote tekst

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

CSS-code

:root {
  --koningsblauw: #4169E1;
  --koningsblauw-rgb: 65, 105, 225;
}
.achtergrond { background-color: var(--koningsblauw); }
.tekst { color: var(--koningsblauw); }

Kleuren die lijken op koningsblauw

Elektrisch blauwSaffierblauwKobaltblauwDenimblauwKleinblauwAmethistDruivenpaarsLavendelFrans blauwUltraviolet

Andere blauwtinten

BlauwMarineblauwHemelsblauwKobaltblauwSaffierblauwStaalblauwElektrisch blauwMiddernachtblauwUltramarijnFrans blauwPruisisch blauwPastelblauwBabyblauwDenimblauwKleinblauwDonkerblauwLichtblauwCeruleumblauw

Veelgestelde vragen

Wat is de kleurcode van koningsblauw?

De HEX-code van de kleur koningsblauw is #4169E1. In RGB is dat rgb(65, 105, 225), in HSL hsl(225, 73%, 57%) en in CMYK 71, 53, 0, 12.

Wat is de complementaire kleur van koningsblauw?

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

Kun je witte tekst gebruiken op de kleur koningsblauw?

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

Welke kleuren passen bij koningsblauw?

Past goed bij wit, zwart, goud, grijs, geel. Combineer het niet met even intens paars of groen, want die strijden om aandacht. Naast een marineblauw dat er te dicht bij ligt, kan het niet goed matchen.