The primary rule for the website is to ensure that the World Vision orange is the dominant color used throughout. All other secondary colors are to be used in compliance with the corporate identity standards, as outlined at World Vision Brand Colors.
World Vision Orange
#FF6600
@brand-primary
#FF6600
@brand-primary
World Vision Blue
#006699
@brand-secondary
#006699
@brand-secondary
WV Gold
#FFCC33
@brand-warning
#FFCC33
@brand-warning
WV Green
#999933
@brand-success
#999933
@brand-success
WV Light Blue
#99CCFF
@brand-info
#99CCFF
@brand-info
Dark Blue
#0C4972
@brand-info-dark
#0C4972
@brand-info-dark
WV Terra Cotta
#663300
#663300
Light Gray
#999999
@gray-light
#999999
@gray-light
White
#FFFFFF
#FFFFFF
Gray
#666666
@gray
#666666
@gray
Black
#000000
#000000
-
Ensure that there is a difference in brightness of at least 125 and a color difference of at least 500 between background and foreground color.
FYI: Brightness and color contrast can be easily calculated here. - Body text is always dark gray: #333333, @gray-dark
- Blue (#006699) must be reserved for text links
- Orange is World Vision’s primary corporate color, and should be reserved for CTA buttons and navigation