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 and gray 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
Secondary Colors
Web Colors
Official BYUH Colors
A swatch of crimson red
Crimson
overrideTextColor= overrideCardAlternateTextColor= overrideDisableBackgroundImage= overrideTextAlignment= overrideCardHideSection= overrideCardHideByline= overrideCardHideDescription= overrideCardShowButton= overridebuttonBgColor= overrideButtonText=
Swatch of BYUH's gold color.
Gold
overrideTextColor= overrideCardAlternateTextColor= overrideDisableBackgroundImage= overrideTextAlignment= overrideCardHideSection= overrideCardHideByline= overrideCardHideDescription= overrideCardShowButton= overridebuttonBgColor= overrideButtonText=
Color swatch of BYUH's gray.

Gray

overrideTextColor= overrideCardAlternateTextColor= overrideDisableBackgroundImage= overrideTextAlignment= overrideCardHideSection= overrideCardHideByline= overrideCardHideDescription= overrideCardShowButton= overridebuttonBgColor= overrideButtonText=
overrideTextColor= overrideCardAlternateTextColor= overrideDisableBackgroundImage= overrideTextAlignment= overrideCardHideSection= overrideCardHideByline= overrideCardHideDescription= overrideCardShowButton= overridebuttonBgColor= overrideButtonText=
Color PMS* CMYK RGB Hex
Crimson 201 0/100/63/29 158/27/52 #9e1b34
Gold 1255 0/27/100/34 170/128/14 #aa800e
Gray 428 5/0/0/20 206/211/214 #ced3d6

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©

Secondary Colors
Red from the secondary color palette.
Red
overrideTextColor= overrideCardAlternateTextColor= overrideDisableBackgroundImage=false overrideTextAlignment= overrideCardHideSection=false overrideCardHideByline=false overrideCardHideDescription=false overrideCardShowButton= overridebuttonBgColor= overrideButtonText=
Honeygold from the secondary color palette.
Honeygold
overrideTextColor= overrideCardAlternateTextColor= overrideDisableBackgroundImage=false overrideTextAlignment= overrideCardHideSection=false overrideCardHideByline=false overrideCardHideDescription=false overrideCardShowButton= overridebuttonBgColor= overrideButtonText=
Orange from the secondary color palette.
Orange
overrideTextColor= overrideCardAlternateTextColor= overrideDisableBackgroundImage=false overrideTextAlignment= overrideCardHideSection=false overrideCardHideByline=false overrideCardHideDescription=false overrideCardShowButton= overridebuttonBgColor= overrideButtonText=
Yellow from the secondary color palette.

Yellow

overrideTextColor= overrideCardAlternateTextColor= overrideDisableBackgroundImage=false overrideTextAlignment= overrideCardHideSection=false overrideCardHideByline=false overrideCardHideDescription=false overrideCardShowButton= overridebuttonBgColor= overrideButtonText=
Dark green from the secondary color palette.
Dark Green
overrideTextColor= overrideCardAlternateTextColor= overrideDisableBackgroundImage=false overrideTextAlignment= overrideCardHideSection=false overrideCardHideByline=false overrideCardHideDescription=false overrideCardShowButton= overridebuttonBgColor= overrideButtonText=
Light green from the secondary color palette.
Light Green
overrideTextColor= overrideCardAlternateTextColor= overrideDisableBackgroundImage=false overrideTextAlignment= overrideCardHideSection=false overrideCardHideByline=false overrideCardHideDescription=false overrideCardShowButton= overridebuttonBgColor= overrideButtonText=
Dark blue from the secondary color palette.
Dark Blue
overrideTextColor= overrideCardAlternateTextColor= overrideDisableBackgroundImage=false overrideTextAlignment= overrideCardHideSection=false overrideCardHideByline=false overrideCardHideDescription=false overrideCardShowButton= overridebuttonBgColor= overrideButtonText=
Light blue from the secondary color palette.
Light Blue
overrideTextColor= overrideCardAlternateTextColor= overrideDisableBackgroundImage=false overrideTextAlignment= overrideCardHideSection=false overrideCardHideByline=false overrideCardHideDescription=false overrideCardShowButton= overridebuttonBgColor= overrideButtonText=
Dark purple from the secondary color palette.
Dark Purple
overrideTextColor= overrideCardAlternateTextColor= overrideDisableBackgroundImage=false overrideTextAlignment= overrideCardHideSection=false overrideCardHideByline=false overrideCardHideDescription=false overrideCardShowButton= overridebuttonBgColor= overrideButtonText=
Light purple from the secondary color palette.
Light Purple
overrideTextColor= overrideCardAlternateTextColor= overrideDisableBackgroundImage=false overrideTextAlignment= overrideCardHideSection=false overrideCardHideByline=false overrideCardHideDescription=false overrideCardShowButton= overridebuttonBgColor= overrideButtonText=
overrideTextColor= overrideCardAlternateTextColor= overrideDisableBackgroundImage=false overrideTextAlignment= overrideCardHideSection=false overrideCardHideByline=false overrideCardHideDescription=false overrideCardShowButton= overridebuttonBgColor= overrideButtonText=

The colors in the secondary color palette have been selected to complement the official color palette. When designing for print, screen display, or video, these suggested colors may be used to assist in conveying a message. Try to avoid color extremes (fluorescent colors, excessively dark shades, or pastels).

Color PMS CMYK RGB Hex
Red 199 0/100/62/0 204/29/79 #cc1d4f
Honeygold 153 0/46/100/18 189/130/40 #bd8228
Orange 021 0/53/100/0 223/141/47 #df8d2f
Yellow 124 0/28/100/6 222/176/46 #deb02e
Dark Green 349 100/0/91/42 30/111/65 #1e6f41
Light Green 361 69/0/100/0 123/183/82 #7bb752
Dark Blue 2955 100/45/0/37 10/83/133 #0a5385
Light Blue 300 100/44/0/0 25/120/190 #1978be
Dark Purple 254 50/100/0/0 126/43/139 #7e2b8b
Light Purple 38/88/0/0 144/69/149 #904595
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= overrideCardAlternateTextColor= overrideDisableBackgroundImage= overrideTextAlignment= overrideCardHideSection= overrideCardHideByline= overrideCardHideDescription= overrideCardShowButton= overridebuttonBgColor= overrideButtonText=
Color sample of the web's medium gray

Medium Gray

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

BYUH Gray

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

Light Gray

overrideTextColor= overrideCardAlternateTextColor= overrideDisableBackgroundImage= overrideTextAlignment= overrideCardHideSection= overrideCardHideByline= overrideCardHideDescription= overrideCardShowButton= overridebuttonBgColor= overrideButtonText=
overrideTextColor= 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
BYUH Gray #ced3d6
Light Gray #f1f3f3
Brand Guidelines
Purpose & Traits
University Name
Logos & Marks
Colors
Typography
Editorial Style Guide
Other Resources
Email Signature
Detailed Brand Guidelines