====================
Colors
====================

Logo colors
==============

Blue Hex value: #40CCFC
Gray Hex value: #647B7D

Primary color
===============

.. image:: ../assets/design-primary-color.png

Hex value:  #0079D0

CSS name:  CTA Blue

Used in:

* Primary call-to-action buttons
* Hover states
* Brand elements
* Link color

Secondary color
================

.. image:: ../assets/design-secondary-color.png

Hex value:  #181c36

CSS name: All black

Used in:

* Call-to-action buttons
* Body text
* Headings
* Sub-headings

Support Colors
================

These are colors that are used in various messages on the website. 

Warning yellow
----------------

.. image:: ../assets/design-warning-yellow.png

Used in Drupal warning messages. Also used in some placeholder images.

Hex value:  #FFCD6E

Danger red
--------------

.. image:: ../assets/design-danger-red.png

Used in Drupal error messages.

Hex value: #E90046

Success greens
---------------

.. image:: ../assets/design-success-greens.png

Used in confirmation messages on forms primarily, such as when creating an account, submitting a comment, and saving content changes when redirected to the view of the content.

Hex Values:

* Success green (default): #08D1A1
* Dark green:  #007D56

Purple
---------------

.. image:: ../assets/design-purple.png

Used in visited links.

Hex value: #551A8B