Skip to main content
University Communications
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=

Color PMS* CMYK RGB Hex
Crimson 201 0/100/63/29 158/27/52 #9e1b34
White N/A 0/0/0/0 255/255/255 #ffffff
Gold 1255 0/27/100/34 170/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=
Sample of blue, one of the accent colors.
Blue
overrideTextColor=#2a2a2a overrideCardAlternateTextColor= overrideDisableBackgroundImage=false overrideTextAlignment= overrideCardHideSection=false overrideCardHideByline=false overrideCardHideDescription=false overrideCardShowButton= overridebuttonBgColor= overrideButtonText=
Sample of teal, one of the accent colors.
Teal
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 support our official BYUH colors and not to be used in place of them. Overuse of these accent colors would detract from our visual identity. Use these accents colors and as well as any other color on approximately 20% of your design. In some cases, other colors may be used to better support a message or for a well-planned out campaign. Avoid color extremes (fluorescent colors, excessively dark shades, or pastels).

Color PMS CMYK RGB Hex
Yellow 109 0/28/100/6 222/176/46 #deb02e
Forest 349 100/0/91/42 30/111/65 #1e6f41
Blue 285 100/45/0/37 23/65/127 #17417f
Teal 563 66/0/39/0 69/201/179 #45c9cb3
Dark Gray 433 67/60/59/44 58/58/58 #3a3a3a
Gray 428 5/0/0/20 206/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.

Color Hex
Dark Gray #444444
Medium Gray #afafaf
Gray #ced3d6
Light Gray #f1f3f3
Brand Guidelines
Purpose & Traits
University Name
Logos and Marks
Colors
Typography
Editorial Style Guide
Other Resources
Email Signature
Apparel, Promo Items, Videos, and More