Farbwelt

Colors

Die Primärfarben spiegeln die Natur des Orients und des Okzidents wieder.

Reinheit und Weite beherrschen auch die Farbgebung. Bevorzugt bleibt deshalb der Hintergrund Weiß und neben den Primärfarben werden nur Grautöne verwendet. So entfalten die Unternehmensfarben ihre Wirkung.

Primärfarben

Morgenland & Abendland

Mountain Lake

Assoziationen:
Das Blaue Land, Bergsee (Eibsee), Himmel, Perserteppich, Wald, Smaragd, Türkis/Dioptas

Wirkung:
Sehnsucht & Träume, Freiheit & Weite, Natürlichkeit, Ruhe & Verstand, Tiefe

Desert Gold

Assoziationen:
Wüste, Sand, Morgen- und Abendsonne, Gold, Lehm, Bernstein

Wirkung:
Wärme, Reichtum, Weisheit, Klarheit und Lebenskraft

Mountain Lake

HEX: #246371

RGB: 36 | 99 | 113

CMYK: 68 | 12 | 0 | 56

HSV: 191 | 68 | 44

LAB: 39 | -15 |  -14

PANTONE: 3155 (C | U | CP | UP)

Desert Gold

HEX: #B69241

RGB: 182 | 146 | 65

CMYK: 25 | 36 | 80 | 14

HSV: 42 | 64 |  29

LAB: 362| 4 |  47

PANTONE: 117 U
PANTONE: 118 C (CP | UP)

Sekundärfarben

Klarheit

Die bevorzugte Hintergrundfarbe ist Weiß!

Reines Schwarz wirkt oft erdrückend. Deshalb verwenden wir stattdessen immer einen eleganten Grauton von 80% (Dark Grey)

Dieser kommt auch bei allen Schriften auf weißem Hintergrund zum Einsatz.

Dark Grey

HEX: #333333

RGB: 51 | 51 | 51

CMYK: 0 | 0 | 0 | 20

HSV: 0 | 0 | 20

LAB: 21 | 0 |  0

Mid Grey

HEX: #808080

RGB: 128 | 128 | 128

CMYK: 0 | 0 | 0 | 50

HSV: 0 | 0 |  50

LAB: 54 | 0 | 0

Light Grey

HEX: #CDCDCD

RGB: 205 | 205 | 205

CMYK: 0 | 0 | 0 | 20

HSV: 0 | 0 |  80

LAB: 82 | 0 | 0

Farbprofil herunterladen

Farbprofil mit allen Angaben auf Adobe® Color

ASE-Datei zum importieren des Farbprofils in Adobe® Grafikprogramme

JPEG-Datei des Farbprofils

CSS

/* Color Theme Swatches in Hex */
.BS-MountainLake { color: #246371; }
.BS-DesertGold { color: #B69241; }
.BS-DarkGrey { color: #333333; }
.BS-MidGrey { color: #808080; }
.BS-LightGrey { color: #CDCDCD; }

/* Color Theme Swatches in RGBA */
.BS-MountainLake-rgba { color: rgba(36, 99, 113, 1); }
.BS-DesertGold-rgba { color: rgba(182, 146, 65, 1); }
.BS-DarkGrey-rgba { color: rgba(51, 51, 51, 1); }
.BS-MidGrey-rgba { color: rgba(128, 128, 128, 1); }
.BS-LightGrey-rgba { color: rgba(205, 205, 205, 1); }

/* Color Theme Swatches in HSLA */
.BS-MountainLake-hsla { color: hsla(190, 51, 29, 1); }
.BS-DesertGold-hsla { color: hsla(41, 47, 48, 1); }
.BS-DarkGrey-hsla { color: hsla(0, 0, 20, 1); }
.BS-MidGrey-hsla { color: hsla(0, 0, 50, 1); }
.BS-LightGrey-hsla { color: hsla(0, 0, 80, 1); }

LESS

/* Color Theme Swatches in Hex */
@BS-MountainLake: #246371;
@BS-DesertGold: #B69241;
@BS-DarkGrey: #333333;
@BS-MidGrey: #808080;
@BS-LightGrey: #CDCDCD;

/* Color Theme Swatches in RGBA */
@BS-MountainLake-rgba: rgba(36, 99, 113, 1);
@BS-DesertGold-rgba: rgba(182, 146, 65, 1);
@BS-DarkGrey-rgba: rgba(51, 51, 51, 1);
@BS-MidGrey-rgba: rgba(128, 128, 128, 1);
@BS-LightGrey-rgba: rgba(205, 205, 205, 1);

/* Color Theme Swatches in HSLA */
@BS-MountainLake-hsla: hsla(190, 51, 29, 1);
@BS-DesertGold-hsla: hsla(41, 47, 48, 1);
@BS-DarkGrey-hsla: hsla(0, 0, 20, 1);
@BS-MidGrey-hsla: hsla(0, 0, 50, 1);
@BS-LightGrey-hsla: hsla(0, 0, 80, 1);