Duodecim päävärit muodostuvat neljästä erilaista sinisestä. Päävärien lisäksi on käytössä laaja lisävärisarja, joka on jaettu neljään kategoriaan: tummat, vaaleat, värikkäät ja kirkkaat. Muista kuin pääväreistä voidaan käyttää osasävyjä (90–10 %), mutta liukuvärien käyttäminen ei ole toivottua. Verkkopalvelun saavutettavuudessa tekstin värien ja kontrastien pitää olla vähintään 4,5:1 ja ison tekstin osalta vähintään 3:1
Duodecim värimaailma
Päävärit
Duodecim logo sininen
CMYK: 100C 60M 0Y 5K
RGB: 0R 82G 147B
HEX: #005293
PMS: 293
Kontrastisuhde tekstissä: 7.99:1
Duodecim tumma sininen
CMYK: 100C 85M 0Y 60K
RGB: 0R 23G 90B
HEX: #00175A
PMS: 2758
Kontrastisuhde tekstissä: 16.53:1
Duodecim kirkas sininen
CMYK: 85C 5M 0Y 5K
RGB: 38R 158G 239B
HEX: #269EEF
PMS: 2995
Kontrastisuhde tekstissä: 2.9:1
Duodecim vaalea sininen
CMYK: 45C 0M 0Y 0K
RGB: 163R 222G 255B
HEX: #A3DEFF
PMS: 2905
Kontrastisuhde tekstissä: 1.45:1
Brändivärien hallinta
Värien hallinnalla pyritään tilanteeseen, jossa värit toistuvat yhtäläisesti eri sovelluksissa, näytöissä ja medioissa. Valitettavasti brändin väriarvojen tarkka määrittelykään ei takaa täysin yhtäläistä värien toistuvuutta.
Syitä siihen miksi brändivärit eivät toistu aina halutulla tavalla:
- Erilaiset laitteet tulkitsevat tai toistavat eri väriarvoja eri tavalla. Näytöllä näkyvä punainen väri voi näyttää oranssilta jonkun toisen näytöllä
- Eri painomenetelmissä on paljon muuttujia, jotka voivat aiheuttaa värimuutoksia lopullisiin painotuotteisiin
- CMYK- ja PMS-väreillä ei välttämättä ole täysin samanlainen sävy, koska PMS-värejä ei voida simuloida CMYK-väreillä
- Eri olosuhteet ympäristössä voivat aiheuttaa muutoksia väritulkintaan, tähän vaikuttaa esimerkiksi valaistuksen värilämpötila
- Joillain ihmisillä on heikentynyt tai vääristynyt näkökyky
Miten saada värit mahdollisimman samankaltaisiksi eri medioissa?
- Käytä painotuotteissa CMYK/PMS-värikarttoja tai tuota painettu malliarkki brändin väreistä, jota voit käyttää värireferensseinä
- Valvo painotyötä tarkastamalla värien toisto painokoneella
- Käytä aina alkuperäisiä logotiedostoja, koska logojen uudelleentallennus ja väritilojen muuntaminen voi aiheuttaa vääristyneitä sävyjä
- Vääristyneiden sävyjen välttäminen eri näytöillä ja projektoreilla on valitettavsti melko mahdotonta. Erityisesti videoprojektorit saattavat aiheuttaa vakavia epätarkkuuksia värien toistossa
- Käytä aina valmiiksi määriteltyjä väriarvoja digitaalisiin ja painettuihin sovelluksiin
Väritilat:
CMYK: väritila, jota käytetään neliväripainatuksessa (C = syaani, M = magenta, Y = keltainen, K = avainväri, musta). CMYK-värien määrittely päällystetylle paperille voi poiketa sanomalehtipaperista.
RGB: väritila, jota käytetään televisiossa, tietokoneen ja matkapuhelimen näytöissä, digitaalikameroissa, videoprojektoreissa ja vastaavissa. RGB tarkoittaa punaista, vihreää ja sinistä
HEX: RGB-värit, jotka on esitetty heksadesimaaleissa. Käytetään usein esimerkiksi HTML-koodissa
PMS: Pantonen luoma värijärjestelmä, jonka avulla voidaan tuottaa värejä joita ei voida simuloida CMYK-väreillä. PMS-sävyt sisältävät myös metalliset ja fluoresoivat värit.
RAL: Värijärjestelmä, jota käytetään pääasiassa lakka- ja jauhemaalusta käytettäessä
Lisävärit
Tummat värisävyt
Tummat värisävyt on käytössä, kun tarvitaan erottumista Duodecim yleisestä sinisävyisestä värimaailmasta ja halutaan luoda hillittyä (juhlavaa, tai arvokasta) tunnelmaa. Lisävärejä päävärin kanssa käytettäessä on toivottavaa, että valitaan yksi tai korkeintaan kaksi lisäväriä.
Tumma sininen
CMYK: 100C 70M 0Y 40K
RGB: 0R 47G 95B
HEX: #002F5F
PMS: 534
Kontrastisuhde tekstissä: 13.36:1
Tumma vihreä
CMYK: 80C 0M 50Y 60K
RGB: 17R 78G 64B
HEX: #114E40
PMS: 343
Kontrastisuhde tekstissä: 9.59:1
Tumma keltainen
CMYK: 0C 20M 100Y 35K
RGB: 163R 133G 31B
HEX: #A3851F
PMS: 126
Kontrastisuhde tekstissä: 3.54:1
Tumma lila
CMYK: 45C 100M 0Y 40K
RGB: 94R 39G 80B
HEX: #5E2750
PMS: 525
Kontrastisuhde tekstissä: 11.15:1
Tumma ruskea
CMYK: 0C 60M 40Y 55K
RGB: 118R 66G 66B
HEX: #764242
PMS: 8561
Kontrastisuhde tekstissä: 7.99:1
Tumma beige
CMYK: 0C 25M 30Y 40K
RGB: 143R 118G 97B
HEX: #8F7661
PMS: 8006
Kontrastisuhde tekstissä: 4.25:1
Tumma harmaa
CMYK: 40C 10M 0Y 25K
RGB: 130R 152G 165B
HEX: #8298A5
PMS: 5425
Kontrastisuhde tekstissä: 3:1
Musta
CMYK: 0C 0M 0Y 100K
RGB: 0R 0G 0B
HEX: #000000
PMS: Process Black
Kontrastisuhde tekstissä: 21:1
Vaaleat värisävyt
Vaaleat värisävyt on käytössä, kun tarvitaan erottumista Duodecim yleisestä sinisävyisestä värimaailmasta, kuten esimerkiksi kirjamarkkinoinnissa ja opiskelijaviestinnässä. Lisävärejä päävärin kanssa käytettäessä on toivottavaa, että valitaan yksi tai korkeintaan kaksi lisäväriä.
Vaalea sininen
CMYK: 50C 5M 0Y 0K
RGB: 139R 190G 232B
HEX: #8BBEE8
PMS: 2141
Kontrastisuhde tekstissä: 1.97:1
Vaalea vihreä
CMYK: 30C 0M 30Y 0K
RGB: 162R 228G 184B
HEX: #A2E4B8
PMS: 351
Kontrastisuhde tekstissä: 1.46:1
Vaalea beige
CMYK: 0C 20M 50Y 0K
RGB: 253R 203G 139B
HEX: #FECB8B
PMS: 148
Kontrastisuhde tekstissä: 1.48:1
Vaalea punainen
CMYK: 0C 60M 30Y 0K
RGB: 255R 148G 153B
HEX: #FF9499
PMS: 177
Kontrastisuhde tekstissä: 2.11:1
Vaalea harmaa
CMYK: 0C 0M 0Y 15K
RGB: 221R 221G 221B
HEX: #DDDDDD
PMS: Cool Gray 2
Kontrastisuhde tekstissä: 1.35:1
Valkoinen
CMYK: 0C 0M 0Y 0K
RGB: 255R 255G 255B
HEX: #ffffff
Värikkäät värisävyt
Värikkäät värisävyt on käytössä, kun tarvitaan erottumista Duodecim yleisestä sinisävyisestä värimaailmasta, kuten esimerkiksi kirjamarkkinoinnissa ja opiskelijaviestinnässä. Lisävärejä päävärin kanssa käytettäessä on toivottavaa, että valitaan yksi tai korkeintaan kaksi lisäväriä.
Värikäs sininen
CMYK: 90C 40M 0Y 0K
RGB: 46R 109G 245B
HEX: #2E6DF5
PMS: 285
Kontrastisuhde tekstissä: 4.54:1
Värikäs vihreä
CMYK: 80C 0M 40Y 0K
RGB: 25R 177G 168B
HEX: #19B1A8
PMS: 3534
Kontrastisuhde tekstissä: 2.65:1
Värikäs keltainen
CMYK: 5C 15M 100Y 0K
RGB: 250R 214G 48B
HEX: #FAD630
PMS: 116
Kontrastisuhde tekstissä: 1.42:1
Värikäs oranssi
CMYK: 0C 35M 100Y 0K
RGB: 253R 157G 50B
HEX: #FD9D32
PMS: 130
Kontrastisuhde tekstissä: 2.09:1
Värikäs punainen
CMYK: 0C 82M 37Y 0K
RGB: 244R 79G 102B
HEX: #E04F66
PMS: 198
Kontrastisuhde tekstissä: 3.83:1
Värikäs violetti
CMYK: 40C 55M 0Y 0K
RGB: 167R 123G 202B
HEX: #A77BCA
PMS: 2577
Kontrastisuhde tekstissä: 3.31:1
Värikäs beige
CMYK: 10C 30M 75Y 15K
RGB: 194R 162G 81B
HEX: #C2A251
PMS: 871
Kontrastisuhde tekstissä: 2.44:1
Värikäs harmaa
CMYK: 20C 10M 15Y 35K
RGB: 151R 153G 155B
HEX: #97999B
PMS: 422
Kontrastisuhde tekstissä: 2.85:1
Kirkkaat värisävyt
Kirkkaat värisävyt on käytössä vain harvakseltaan, kun tarvitaan poikkeuksellista tai erittäin huomiota herättävää esiintymistä. Huom. kirkkaat värit eivät toistu painotuotteissa yhtä värikylläisinä kuin digitaalisissa verkkoympäristöissä.
Kirkas sininen
CMYK: 100C 90M 0Y 0K
RGB: 0R 0G 255B
HEX: #0000FF
PMS: 2736
Kontrastisuhde tekstissä: 8.12:1
Kirkas vihreä
CMYK: 60C 0M 60Y 0K
RGB: 0R 215G 167B
HEX: #00D7A7
PMS: 3385
Kontrastisuhde tekstissä: 1.86:1
Kirkas keltainen
CMYK: 0C 0M 100Y 0K
RGB: 255R 242G 0B
HEX: #FFF200
PMS: 102
Kontrastisuhde tekstissä: 1.16:1
Kirkas oranssi
CMYK: 0C 80M 90Y 0K
RGB: 253R 86G 8B
HEX: #FD5608
PMS: Orange 021
Kontrastisuhde tekstissä: 3.22:1
Kirkas punainen
CMYK: 0C 94M 64Y 0K
RGB: 227R 13G 64B
HEX: #E30D40
PMS: 192
Kontrastisuhde tekstissä: 4.77:1
Kirkas violetti
CMYK: 5C 100M 0Y 0K
RGB: 227R 0G 240B
HEX: #E300F0
PMS: 2395
Kontrastisuhde tekstissä: 3.39:1