.cc-text { color: #3c50a0; }
.cc-background { background-color: #3c50a0; }
.cc-border { border-color: #3c50a0; }

.cc-text-complement-0, .cc-text-complement-0 a { color: #3c50a0; }
.cc-background-complement-0 { background-color: #3c50a0; }
.cc-border-complement-0 { border-color: #3c50a0; }

.cc-text-complement-1, .cc-text-complement-1 a { color: #a08c3c; }
.cc-background-complement-1 { background-color: #a08c3c; }
.cc-border-complement-1 { border-color: #a08c3c; }


.cc-text-triad-0, .cc-text-triad-0 a { color: #3c50a0; }
.cc-background-triad-0 { background-color: #3c50a0; }
.cc-border-triad-0 { border-color: #3c50a0; }

.cc-text-triad-1, .cc-text-triad-1 a { color: #a03c50; }
.cc-background-triad-1 { background-color: #a03c50; }
.cc-border-triad-1 { border-color: #a03c50; }

.cc-text-triad-2, .cc-text-triad-2 a { color: #50a03c; }
.cc-background-triad-2 { background-color: #50a03c; }
.cc-border-triad-2 { border-color: #50a03c; }


.cc-text-tetrad-0, .cc-text-tetrad-0 a { color: #3c50a0; }
.cc-background-tetrad-0 { background-color: #3c50a0; }
.cc-border-tetrad-0 { border-color: #3c50a0; }

.cc-text-tetrad-1, .cc-text-tetrad-1 a { color: #a03c82; }
.cc-background-tetrad-1 { background-color: #a03c82; }
.cc-border-tetrad-1 { border-color: #a03c82; }

.cc-text-tetrad-2, .cc-text-tetrad-2 a { color: #a08c3c; }
.cc-background-tetrad-2 { background-color: #a08c3c; }
.cc-border-tetrad-2 { border-color: #a08c3c; }

.cc-text-tetrad-3, .cc-text-tetrad-3 a { color: #3ca05a; }
.cc-background-tetrad-3 { background-color: #3ca05a; }
.cc-border-tetrad-3 { border-color: #3ca05a; }


.cc-text-split-complement-0, .cc-text-split-complement-0 a { color: #3c50a0; }
.cc-background-split-complement-0 { background-color: #3c50a0; }
.cc-border-split-complement-0 { border-color: #3c50a0; }

.cc-text-split-complement-1, .cc-text-split-complement-1 a { color: #a03ca0; }
.cc-background-split-complement-1 { background-color: #a03ca0; }
.cc-border-split-complement-1 { border-color: #a03ca0; }

.cc-text-split-complement-2, .cc-text-split-complement-2 a { color: #78a03c; }
.cc-background-split-complement-2 { background-color: #78a03c; }
.cc-border-split-complement-2 { border-color: #78a03c; }


.cc-text-analogous-0, .cc-text-analogous-0 a { color: #3c50a0; }
.cc-background-analogous-0 { background-color: #3c50a0; }
.cc-border-analogous-0 { border-color: #3c50a0; }

.cc-text-analogous-1, .cc-text-analogous-1 a { color: #3c78a0; }
.cc-background-analogous-1 { background-color: #3c78a0; }
.cc-border-analogous-1 { border-color: #3c78a0; }

.cc-text-analogous-2, .cc-text-analogous-2 a { color: #3c64a0; }
.cc-background-analogous-2 { background-color: #3c64a0; }
.cc-border-analogous-2 { border-color: #3c64a0; }

.cc-text-analogous-3, .cc-text-analogous-3 a { color: #3c50a0; }
.cc-background-analogous-3 { background-color: #3c50a0; }
.cc-border-analogous-3 { border-color: #3c50a0; }

.cc-text-analogous-4, .cc-text-analogous-4 a { color: #3c3ca0; }
.cc-background-analogous-4 { background-color: #3c3ca0; }
.cc-border-analogous-4 { border-color: #3c3ca0; }

.cc-text-analogous-5, .cc-text-analogous-5 a { color: #503ca0; }
.cc-background-analogous-5 { background-color: #503ca0; }
.cc-border-analogous-5 { border-color: #503ca0; }


.cc-text-monochromatic-0, .cc-text-monochromatic-0 a { color: #3c50a0; }
.cc-background-monochromatic-0 { background-color: #3c50a0; }
.cc-border-monochromatic-0 { border-color: #3c50a0; }

.cc-text-monochromatic-1, .cc-text-monochromatic-1 a { color: #4c65ca; }
.cc-background-monochromatic-1 { background-color: #4c65ca; }
.cc-border-monochromatic-1 { border-color: #4c65ca; }

.cc-text-monochromatic-2, .cc-text-monochromatic-2 a { color: #5c7af5; }
.cc-background-monochromatic-2 { background-color: #5c7af5; }
.cc-border-monochromatic-2 { border-color: #5c7af5; }

.cc-text-monochromatic-3, .cc-text-monochromatic-3 a { color: #0c1020; }
.cc-background-monochromatic-3 { background-color: #0c1020; }
.cc-border-monochromatic-3 { border-color: #0c1020; }

.cc-text-monochromatic-4, .cc-text-monochromatic-4 a { color: #1c254b; }
.cc-background-monochromatic-4 { background-color: #1c254b; }
.cc-border-monochromatic-4 { border-color: #1c254b; }

.cc-text-monochromatic-5, .cc-text-monochromatic-5 a { color: #2c3b75; }
.cc-background-monochromatic-5 { background-color: #2c3b75; }
.cc-border-monochromatic-5 { border-color: #2c3b75; }