Skip to main content

BYU–Hawaii Brand

Colors

Special colors have been chosen to represent the University. Two colors make up the BYU–Hawaii colors set: crimson and gold. Black, gray, and white may also be acceptable. These colors represent the institution and should be used generously on high-visibility communication pieces.

This color system is also used in the official BYU–Hawaii logos as well as the Seasider logos. Do not change the color of the logos to any other color. When color printing is not an option, 100 percent black is an acceptable alternative. Use white when reversing a logo out of a background.

Official BYUH Colors
Accent Colors
Web Colors

Official BYUH Colors

Sample of BYUH crimson

Crimson

overrideTextColor=#2a2a2a overrideCardAlternateTextColor= overrideDisableBackgroundImage= overrideTextAlignment= overrideCardHideSection= overrideCardHideByline= overrideCardHideDescription= overrideCardShowButton= overridebuttonBgColor= overrideButtonText=
Color sample of white

White

overrideTextColor=#2a2a2a overrideCardAlternateTextColor= overrideDisableBackgroundImage= overrideTextAlignment= overrideCardHideSection= overrideCardHideByline= overrideCardHideDescription= overrideCardShowButton= overridebuttonBgColor= overrideButtonText=
Sample of gold for web only

Gold

overrideTextColor=#2a2a2a overrideCardAlternateTextColor= overrideDisableBackgroundImage= overrideTextAlignment= overrideCardHideSection= overrideCardHideByline= overrideCardHideDescription= overrideCardShowButton= overridebuttonBgColor= overrideButtonText=
overrideTextColor=#2a2a2a overrideCardAlternateTextColor= overrideDisableBackgroundImage= overrideTextAlignment= overrideCardHideSection= overrideCardHideByline= overrideCardHideDescription= overrideCardShowButton= overridebuttonBgColor= overrideButtonText=

ColorPMS*CMYKRGBHex
Crimson2010/100/63/29158/27/52#9e1b34
WhiteN/A0/0/0/0255/255/255#ffffff
Gold12550/27/100/34170/128/14#aa800e

The chart includes not only the PMS values for spot color printing, but also corresponding CMYK values (process printing), RGB values (computer monitors and video), and hexadecimal values (web sites).

*Pantone Matching System©

Accent Colors

Yellow from the secondary color palette.

Yellow

overrideTextColor=#2a2a2a overrideCardAlternateTextColor= overrideDisableBackgroundImage=false overrideTextAlignment= overrideCardHideSection=false overrideCardHideByline=false overrideCardHideDescription=false overrideCardShowButton= overridebuttonBgColor= overrideButtonText=
Sample of forest green, one of the accent colors.

Forest

overrideTextColor=#2a2a2a overrideCardAlternateTextColor= overrideDisableBackgroundImage=false overrideTextAlignment= overrideCardHideSection=false overrideCardHideByline=false overrideCardHideDescription=false overrideCardShowButton= overridebuttonBgColor= overrideButtonText=
A purple square.

Purple

overrideTextColor=#2a2a2a overrideCardAlternateTextColor= overrideDisableBackgroundImage=false overrideTextAlignment= overrideCardHideSection=false overrideCardHideByline=false overrideCardHideDescription=false overrideCardShowButton= overridebuttonBgColor= overrideButtonText=
A pink square.

Pink

overrideTextColor=#2a2a2a overrideCardAlternateTextColor= overrideDisableBackgroundImage=false overrideTextAlignment= overrideCardHideSection=false overrideCardHideByline=false overrideCardHideDescription=false overrideCardShowButton= overridebuttonBgColor= overrideButtonText=
Sample of dark gray, one of the accent colors.

Dark Gray

overrideTextColor=#2a2a2a overrideCardAlternateTextColor= overrideDisableBackgroundImage=false overrideTextAlignment= overrideCardHideSection=false overrideCardHideByline=false overrideCardHideDescription=false overrideCardShowButton= overridebuttonBgColor= overrideButtonText=
Sample of light gray, one of the accent colors.

Gray

overrideTextColor=#2a2a2a overrideCardAlternateTextColor= overrideDisableBackgroundImage=false overrideTextAlignment= overrideCardHideSection=false overrideCardHideByline=false overrideCardHideDescription=false overrideCardShowButton= overridebuttonBgColor= overrideButtonText=
overrideTextColor=#2a2a2a overrideCardAlternateTextColor= overrideDisableBackgroundImage=false overrideTextAlignment= overrideCardHideSection=false overrideCardHideByline=false overrideCardHideDescription=false overrideCardShowButton= overridebuttonBgColor= overrideButtonText=

These recommended accent colors have been selected to complement our official BYUH colors and are not to be used in place of them. The use of these colors is suggested but not required. Official messaging, representing the university as an entirety, should use the BYU–Hawaii primary colors. However, for on-campus communication, departments are encouraged to use colors that best support their department-related message for announcements or events while following the BYUH logo treatment guidelines.

ColorPMSCMYKRGBHex
Yellow1090/28/100/6222/176/46#deb02e
Forest349100/0/91/4230/111/65#1e6f41
Purple208351/70/0/0150/94/199#965ec7
Pink2377/53/0/0236/134/208#ec86d0
Dark Gray43367/60/59/4458/58/58#3a3a3a
Gray4285/0/0/20206/211/214#ced3d6

Web Text Colors

Color sample of dark gray

Dark Gray

overrideTextColor= overrideCardAlternateTextColor= overrideDisableBackgroundImage= overrideTextAlignment= overrideCardHideSection= overrideCardHideByline= overrideCardHideDescription= overrideCardShowButton= overridebuttonBgColor= overrideButtonText=
Sample of BYUH crimson

Crimson

overrideTextColor= overrideCardAlternateTextColor= overrideDisableBackgroundImage= overrideTextAlignment= overrideCardHideSection= overrideCardHideByline= overrideCardHideDescription= overrideCardShowButton= overridebuttonBgColor= overrideButtonText=
Sample of gold for web only

Web Gold

overrideTextColor= overrideCardAlternateTextColor= overrideDisableBackgroundImage= overrideTextAlignment= overrideCardHideSection= overrideCardHideByline= overrideCardHideDescription= overrideCardShowButton= overridebuttonBgColor= overrideButtonText=
Color sample of white

White

overrideTextColor= overrideCardAlternateTextColor= overrideDisableBackgroundImage= overrideTextAlignment= overrideCardHideSection= overrideCardHideByline= overrideCardHideDescription= overrideCardShowButton= overridebuttonBgColor= overrideButtonText=
overrideTextColor= overrideCardAlternateTextColor= overrideDisableBackgroundImage= overrideTextAlignment= overrideCardHideSection= overrideCardHideByline= overrideCardHideDescription= overrideCardShowButton= overridebuttonBgColor= overrideButtonText=

The colors in the website color palette have been selected to complement the primary identity colors and to satisfy Americans with Disabilities Act requirements for websites. Text colors have been chosen based on their contrast against a white background web page and should be used in their designated roles to create organization and readability on web pages.

Color Hex
Dark Gray #444444
Crimson #9e1b34
Web Gold #946f0a
White #ffffff

Web Gray Colors

Color sample of dark gray

Dark Gray

overrideTextColor=#2a2a2a overrideCardAlternateTextColor= overrideDisableBackgroundImage= overrideTextAlignment= overrideCardHideSection= overrideCardHideByline= overrideCardHideDescription= overrideCardShowButton= overridebuttonBgColor= overrideButtonText=
Color sample of the web's medium gray

Medium Gray

overrideTextColor=#2a2a2a overrideCardAlternateTextColor= overrideDisableBackgroundImage= overrideTextAlignment= overrideCardHideSection= overrideCardHideByline= overrideCardHideDescription= overrideCardShowButton= overridebuttonBgColor= overrideButtonText=
The color sample of the BYUH gray

Gray

overrideTextColor=#2a2a2a overrideCardAlternateTextColor= overrideDisableBackgroundImage= overrideTextAlignment= overrideCardHideSection= overrideCardHideByline= overrideCardHideDescription= overrideCardShowButton= overridebuttonBgColor= overrideButtonText=
Color sample of the web's light gray

Light Gray

overrideTextColor=#2a2a2a overrideCardAlternateTextColor= overrideDisableBackgroundImage= overrideTextAlignment= overrideCardHideSection= overrideCardHideByline= overrideCardHideDescription= overrideCardShowButton= overridebuttonBgColor= overrideButtonText=
overrideTextColor=#2a2a2a overrideCardAlternateTextColor= overrideDisableBackgroundImage= overrideTextAlignment= overrideCardHideSection= overrideCardHideByline= overrideCardHideDescription= overrideCardShowButton= overridebuttonBgColor= overrideButtonText=

Additional gray colors in the web gray colors list are used in decorative or organizational elements such as lines or background bars.

ColorHex
Dark Gray#444444
Medium Gray#afafaf
Gray#ced3d6
Light Gray#f1f3f3