\documentclass[10pt,a4paper]{article}

% Packages
\usepackage{fancyhdr}           % For header and footer
\usepackage{multicol}           % Allows multicols in tables
\usepackage{tabularx}           % Intelligent column widths
\usepackage{tabulary}           % Used in header and footer
\usepackage{hhline}             % Border under tables
\usepackage{graphicx}           % For images
\usepackage{xcolor}             % For hex colours
%\usepackage[utf8x]{inputenc}    % For unicode character support
\usepackage[T1]{fontenc}        % Without this we get weird character replacements
\usepackage{colortbl}           % For coloured tables
\usepackage{setspace}           % For line height
\usepackage{lastpage}           % Needed for total page number
\usepackage{seqsplit}           % Splits long words.
%\usepackage{opensans}          % Can't make this work so far. Shame. Would be lovely.
\usepackage[normalem]{ulem}     % For underlining links
% Most of the following are not required for the majority
% of cheat sheets but are needed for some symbol support.
\usepackage{amsmath}            % Symbols
\usepackage{MnSymbol}           % Symbols
\usepackage{wasysym}            % Symbols
%\usepackage[english,german,french,spanish,italian]{babel}              % Languages

% Document Info
\author{Ryoko\_Yami (RyokoYami)}
\pdfinfo{
  /Title (color-theory.pdf)
  /Creator (Cheatography)
  /Author (Ryoko\_Yami (RyokoYami))
  /Subject (Color Theory Cheat Sheet)
}

% Lengths and widths
\addtolength{\textwidth}{6cm}
\addtolength{\textheight}{-1cm}
\addtolength{\hoffset}{-3cm}
\addtolength{\voffset}{-2cm}
\setlength{\tabcolsep}{0.2cm} % Space between columns
\setlength{\headsep}{-12pt} % Reduce space between header and content
\setlength{\headheight}{85pt} % If less, LaTeX automatically increases it
\renewcommand{\footrulewidth}{0pt} % Remove footer line
\renewcommand{\headrulewidth}{0pt} % Remove header line
\renewcommand{\seqinsert}{\ifmmode\allowbreak\else\-\fi} % Hyphens in seqsplit
% This two commands together give roughly
% the right line height in the tables
\renewcommand{\arraystretch}{1.3}
\onehalfspacing

% Commands
\newcommand{\SetRowColor}[1]{\noalign{\gdef\RowColorName{#1}}\rowcolor{\RowColorName}} % Shortcut for row colour
\newcommand{\mymulticolumn}[3]{\multicolumn{#1}{>{\columncolor{\RowColorName}}#2}{#3}} % For coloured multi-cols
\newcolumntype{x}[1]{>{\raggedright}p{#1}} % New column types for ragged-right paragraph columns
\newcommand{\tn}{\tabularnewline} % Required as custom column type in use

% Font and Colours
\definecolor{HeadBackground}{HTML}{333333}
\definecolor{FootBackground}{HTML}{666666}
\definecolor{TextColor}{HTML}{333333}
\definecolor{DarkBackground}{HTML}{2CC9D4}
\definecolor{LightBackground}{HTML}{F1FBFC}
\renewcommand{\familydefault}{\sfdefault}
\color{TextColor}

% Header and Footer
\pagestyle{fancy}
\fancyhead{} % Set header to blank
\fancyfoot{} % Set footer to blank
\fancyhead[L]{
\noindent
\begin{multicols}{3}
\begin{tabulary}{5.8cm}{C}
    \SetRowColor{DarkBackground}
    \vspace{-7pt}
    {\parbox{\dimexpr\textwidth-2\fboxsep\relax}{\noindent
        \hspace*{-6pt}\includegraphics[width=5.8cm]{/web/www.cheatography.com/public/images/cheatography_logo.pdf}}
    }
\end{tabulary}
\columnbreak
\begin{tabulary}{11cm}{L}
    \vspace{-2pt}\large{\bf{\textcolor{DarkBackground}{\textrm{Color Theory Cheat Sheet}}}} \\
    \normalsize{by \textcolor{DarkBackground}{Ryoko\_Yami (RyokoYami)} via \textcolor{DarkBackground}{\uline{cheatography.com/181899/cs/37820/}}}
\end{tabulary}
\end{multicols}}

\fancyfoot[L]{ \footnotesize
\noindent
\begin{multicols}{3}
\begin{tabulary}{5.8cm}{LL}
  \SetRowColor{FootBackground}
  \mymulticolumn{2}{p{5.377cm}}{\bf\textcolor{white}{Cheatographer}}  \\
  \vspace{-2pt}Ryoko\_Yami (RyokoYami) \\
  \uline{cheatography.com/ryokoyami} \\
  \end{tabulary}
\vfill
\columnbreak
\begin{tabulary}{5.8cm}{L}
  \SetRowColor{FootBackground}
  \mymulticolumn{1}{p{5.377cm}}{\bf\textcolor{white}{Cheat Sheet}}  \\
   \vspace{-2pt}Not Yet Published.\\
   Updated 21st March, 2023.\\
   Page {\thepage} of \pageref{LastPage}.
\end{tabulary}
\vfill
\columnbreak
\begin{tabulary}{5.8cm}{L}
  \SetRowColor{FootBackground}
  \mymulticolumn{1}{p{5.377cm}}{\bf\textcolor{white}{Sponsor}}  \\
  \SetRowColor{white}
  \vspace{-5pt}
  %\includegraphics[width=48px,height=48px]{dave.jpeg}
  Measure your website readability!\\
  www.readability-score.com
\end{tabulary}
\end{multicols}}




\begin{document}
\raggedright
\raggedcolumns

% Set font size to small. Switch to any value
% from this page to resize cheat sheet text:
% www.emerson.emory.edu/services/latex/latex_169.html
\footnotesize % Small font.

\begin{multicols*}{3}

\begin{tabularx}{5.377cm}{X}
\SetRowColor{DarkBackground}
\mymulticolumn{1}{x{5.377cm}}{\bf\textcolor{white}{Intro}}  \tn
\SetRowColor{white}
\mymulticolumn{1}{x{5.377cm}}{Color theory is the collection of rules and guidelines which designers and artists use to communicate meanings and emotions with their audience through different color schemes. A good color sceme should compliment each color used, and feel well balanced.% Row Count 6 (+ 6)
} \tn 
\hhline{>{\arrayrulecolor{DarkBackground}}-}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{5.377cm}{X}
\SetRowColor{DarkBackground}
\mymulticolumn{1}{x{5.377cm}}{\bf\textcolor{white}{The Color Wheel}}  \tn
\SetRowColor{white}
\mymulticolumn{1}{x{5.377cm}}{In order to create such a color scheme, designers and artists use a color wheel. A Color wheel enables us to refer to extensive collected knowledge about how colors look when mixed, adjusted, etc. It also shows us what each color may mean as an emotion, or what kind of image it may portray in the viewers head.% Row Count 7 (+ 7)
} \tn 
\hhline{>{\arrayrulecolor{DarkBackground}}-}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{5.377cm}{x{1.89126 cm} x{3.08574 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{5.377cm}}{\bf\textcolor{white}{Warm VS Cool}}  \tn
% Row 0
\SetRowColor{LightBackground}
Aggressive (Warm) Colors & They are usually vivid and energetic, also normally emotionally exciting. \tn 
% Row Count 4 (+ 4)
% Row 1
\SetRowColor{white}
Receding (Cool) Colors & They give us an impression of calm, and create a soothing feeling. They remind us of cold water. \tn 
% Row Count 8 (+ 4)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{5.377cm}{X}
\SetRowColor{DarkBackground}
\mymulticolumn{1}{x{5.377cm}}{\bf\textcolor{white}{Color Wheel}}  \tn
\SetRowColor{LightBackground}
\mymulticolumn{1}{p{5.377cm}}{\vspace{1px}\centerline{\includegraphics[width=5.1cm]{/web/www.cheatography.com/public/uploads/ryokoyami_1679362388_colour_theory_wheel__ToniHauri.crop_689x516_0,8.preview.jpg}}} \tn 
\hhline{>{\arrayrulecolor{DarkBackground}}-}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{5.377cm}{X}
\SetRowColor{DarkBackground}
\mymulticolumn{1}{x{5.377cm}}{\bf\textcolor{white}{Color Schemes}}  \tn
\SetRowColor{LightBackground}
\mymulticolumn{1}{p{5.377cm}}{\vspace{1px}\centerline{\includegraphics[width=5.1cm]{/web/www.cheatography.com/public/uploads/ryokoyami_1679363660_color-wheel-harmonies-.jpg}}} \tn 
\hhline{>{\arrayrulecolor{DarkBackground}}-}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{5.377cm}{x{1.44333 cm} x{3.53367 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{5.377cm}}{\bf\textcolor{white}{Color Categories}}  \tn
% Row 0
\SetRowColor{LightBackground}
Primary Colors & Cannot be mixed from any other colors (red, yellow, blue) \tn 
% Row Count 3 (+ 3)
% Row 1
\SetRowColor{white}
Secondary Colors & Two primary colors mixed together (orange, green, violet) \tn 
% Row Count 6 (+ 3)
% Row 2
\SetRowColor{LightBackground}
Tertiary Colors & One primary and one secondary color mixed together (Warm: reds, oranges, yellows) (Cool: greens, blues, violets) \tn 
% Row Count 10 (+ 4)
% Row 3
\SetRowColor{white}
Neutral & (Black, gray, white) \tn 
% Row Count 11 (+ 1)
% Row 4
\SetRowColor{LightBackground}
Analogous & Colors that sit next to one another on the color wheel. These colors are harmonious. (E.g. purple, blue, green) \tn 
% Row Count 15 (+ 4)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{5.377cm}{x{1.59264 cm} x{3.38436 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{5.377cm}}{\bf\textcolor{white}{Definitions}}  \tn
% Row 0
\SetRowColor{LightBackground}
Hue & Another name for color \tn 
% Row Count 1 (+ 1)
% Row 1
\SetRowColor{white}
Tint & Color + White \tn 
% Row Count 2 (+ 1)
% Row 2
\SetRowColor{LightBackground}
Tone & Color + Gray \tn 
% Row Count 3 (+ 1)
% Row 3
\SetRowColor{white}
Shade & Color + Black \tn 
% Row Count 4 (+ 1)
% Row 4
\SetRowColor{LightBackground}
Key Color & Dominant color in a color scheme or mixture \tn 
% Row Count 6 (+ 2)
% Row 5
\SetRowColor{white}
Neutral Gray & Combination of black and white \tn 
% Row Count 8 (+ 2)
% Row 6
\SetRowColor{LightBackground}
Intensity or Chroma & The brightness or dullness of a color \tn 
% Row Count 10 (+ 2)
% Row 7
\SetRowColor{white}
Value & The lightness or darkness of a color \tn 
% Row Count 12 (+ 2)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}


% That's all folks
\end{multicols*}

\end{document}