Brand Style Guide

Colors

 

Color is an important part of A Better Chicago’s visual identity and will help to distinguish branded materials. Always use the appropriate values for the medium to ensure consistency.

DownloadColor Palette

Primary Color Palette

Pantone: 294
CMYK: 100 / 90 / 29 / 19
RGB: 0 / 47 / 109
HEX: #002F6D

Copy HEX Value! #002F6D copied to clipboard

80%
60%
40%
20%
Pantone: 2985
CMYK: 58 / 4 / 3 / 0
RGB: 85 / 193 / 232
HEX: #55C1E8

Copy HEX Value! #55C1E8 copied to clipboard

80%
60%
40%
20%
Pantone: 186
CMYK: 13 / 100 / 91 / 3
RGB: 206 / 17 / 45
HEX: #CE112D

Copy HEX Value! #CE112D copied to clipboard

80%
60%
40%
20%
Pantone: COOL GRAY 7
CMYK: 44 / 35 / 34 / 1
RGB: 151 / 153 / 155
HEX: #97999B

Copy HEX Value! #97999B copied to clipboard

80%
60%
40%
20%
 

Secondary Color Palette

Pantone: 3272
CMYK: 80 / 14 / 44 / 1
RGB: 0 / 161 / 156
HEX: #00A19C

Copy HEX Value! #00A19C copied to clipboard

80%
60%
40%
20%
Pantone: 7460
CMYK: 83 / 39 / 3 / 0
RGB: 0 / 131 / 193
HEX: #0083C1

Copy HEX Value! #0083C1 copied to clipboard

80%
60%
40%
20%
Pantone: 2577
CMYK: 36 / 57 / 0 / 0
RGB: 169 / 124 / 201
HEX: #A97CC9

Copy HEX Value! #A97CC9 copied to clipboard

80%
60%
40%
20%
Pantone: 715
CMYK: 0 / 53 / 93 / 0
RGB: 249 / 142 / 44
HEX: #F98E2C

Copy HEX Value! #F98E2C copied to clipboard

80%
60%
40%
20%
 
 

Text Readability

Color contrast, especially online, is key to readability. The exhibits below show the best options using the approved color palette.

 

yesyesyes

no

yesyes

nono

yes

nonono

yesyes

nono

yesyes

nonono

yesyesyes

nono

yesyes

nonono

yesyes

nonono