Colors

APS has approved specific colors for use across the district site for visual brand identity.

Official APS Web Colors

Dark Moderate Cyan
HEX: #3A6F7F
RGB: 58,111,127
CMYK: 27/6/0/50
Strong Red
HEX: #C41230
RGB: 196,18,48
CMYK: 0/70/58/23
Moderate Cyan
HEX: #56AEC2
RGB: 86,174,194
CMYK: 42/8/0/24
Bright Orange
HEX: #F69F38
RGB: 246,159,56
CMYK: 0/34/75/4

Complimentary Web Colors

These colors were added as a complement to the APS color pallet for improved accessibility of online content, meeting WCAG 2.0 AA color contrast guidelines for normal and large text.

Dark Blue
HEX: #08415C
RGB: 8,65,92
CMYK: 33/11/0/64
Medium Blue
HEX: #27569F
RGB: 40,86,159
CMYK: 47/29/0/38
Plum
HEX: #5E0035
RGB: 94,0,53
CMYK: 0/37/16/63
Brick Red
HEX: #7D2929
RGB: 125,41,41
CMYK: 0/33/33/51
Bright Green
HEX: #2C6D0D
RGB: 44,109,13
CMYK: 25/0/38/57
Ochre
HEX: #D1780A
RGB: 209,120,10
CMYK: 0/35/78/18

About Accessibility and Color Contrast

Color should never be used as the only visual means to convey information. For example, a required form field has an asterisk to indicate it's required instead of just having red text.

Colors should have high contrast so that they work for individuals with color-blindness (e.g., black text on a white background.) WCAG 2.0 Level AA requires a contrast ratio of 4.5:1 for normal text and 3:1 for large text.

Normal Text: Normal text is considered to be 1em, equivalent to 12 point, equivalent to 16px.
Large Text: Large text is defined as 14 point (typically 18.66px) and bold or larger, or 18 point (typically 24px) or larger.
Incidental: Text or images of text that are pure decoration, or that are part of a picture that contains significant other visual content, have no contrast requirement.
Logotypes: Text that is part of a logo or brand name has no contrast requirement.

Meet the tools

Learn about color contrast

This page was last updated on: June 29, 2020.