Blue
- var(--blue)
- #050542
- rgb(4, 4, 66)
- cmyk(100%, 90%, 13%, 71%)
Kleurpalet
Het kleurpalet bestaat uit drie kleuren die afwisselend worden gebruikt, daarnaast wordt wit gebruikt.
Green
- var(--green)
- #66e5bf
- rgb(103, 234, 195)
- cmyk(55%, 0%, 4%, 0%)
Purple
- var(--purple)
- #a675f5
- rgb(165, 118, 244)
- cmyk(59%, 65%, 0%, 0%)
White
- var(--white)
- #ffffff
- rgb(255, 255, 255)
- cmyk(0%, 0%, 0%, 0%)
Contrast
Bij tekst zijn niet alle kleurcombinaties mogelijk. Zorg voor genoeg contrast tussen voor- en achtergrond. Hieronder de combinaties die gemaakt mogen worden met bijbehorende classes.
.blue-on-green
blauwe tekst op een groene achtergrond
.green-on-blue
groene tekst op een blauwe achtergrond
.blue-on-purple
blauwe tekst op een witte achtergrond
.purple-on-blue
paarse tekst op een blauwe achtergrond
.blue-on-white
blauwe tekst op een witte achtergrond
.white-on-blue
witte tekst op een blauwe achtergrond
Combinaties
Op een donkerblauwe achtergrond kunnen lichtpaarse of lichtgroene elementen worden geplaatst.
Titel
Titel
Op een lichtpaarse, lichtgroene of witte achtergrond kunnen alléén donkerblauwe elementen worden geplaatst.