Colors
Color Proportions

Primary Colors

Red
CMYK 12/100/91/4
RGB 186/12/47
Hex #ba0c2f
Red represents love, courage, and leadership.

White
CMYK 0/0/0/0
RGB 255/255/255
Hex #ffffff
White represents purity and peace.

Gold
CMYK 22/42/100/2
RGB 198/146/20
Hex #c69214
Gold represents generosity, compassion, and excellence.
Secondary Color

Gray
CMYK 5/0/0/20
RGB 193/198/200
Hex #c1c6c8
Color Proportions with Accents

Accents

Turquoise
CMYK 90/1/53/0
RGB 0/176/151
Hex #00b097

Orange
CMYK 0/85/95/2
RGB 209/65/36
Hex #d14124

Pink
CMYK 0/69/16/0
RGB 245/126/182
Hex #f57eb6

Magenta
CMYK 34/100/7/0
RGB 173/26/172
Hex #ad1aac
Neutral Accents

Cool Gray
CMYK 64/56/53/28
RGB 83/86/90
Hex #53565a

Light Gray
CMYK 17/12/13/0
RGB 208/211/212
Hex #d0d3d4

Warm Gray
CMYK 35/36/44/2
RGB 165/156/148
Hex #a59c94

Tan
CMYK 13/12/17/0
RGB 215/210/203
Hex #d7d2cb

Dusty Rose
CYMK 18/75/42/1
RGB 193/103/132
Hex #c16784
Dark Accents

Crimson
CMYK 0/100/63/29
RGB 158/27/52
Hex #9e1b34

Forest Green
CMYK 90/40/71/32
RGB 0/108/91
Hex #006c5b

Maroon
CMYK 29/96/94/34
RGB 134/38/51
Hex #862633

Rose
CMYK 15/100/58/2
RGB 188/32/75
Hex #bc204b

Purple
CMYK 55/100/34/20
RGB 106/42/91
Hex #6a2a5b
Color Proportions in Design Examples
Below are examples of the amounts of red, white, gold, and gray used in comparison to our marketing colors.
Other things to consider: this design example uses our brand fonts and messaging.

Frequently Asked Questions
-
Toggle ItemWhen is it required to use our brand colors?
We should use our brand colors as much as possible. They are a bold and confident representation of BYU–Hawaii’s identity, and we want everyone to embrace them.
Our brand colors should be used primarily for official university communications, such as brochures detailing department resources and services, announcements of important academic deadlines, and printed or digital ads promoting department services.
-
Toggle ItemWhen is it appropriate to NOT use our brand colors?
You may use other colors if they best support your message. Examples include musicals, plays, or concerts with themes or creative marketing approaches to attract your target audience. However, this does not mean we should actively seek reasons to avoid using our brand colors. First and foremost, we must use them whenever possible in most cases.
-
Toggle ItemHow do we ensure we are using the correct colors?
We provide the color codes—Pantones (PMS), CMYK, RGB, and Hex Codes.
- PMS refers to the Pantone Matching System. It is used for precise color matching for product design, such as printing logos on shirts or other swag/products.
- Use CMYK codes for printed materials (posters, banners, flyers, stickers, etc.).
- Use RGB and Hex Codes for digital purposes (web graphics, digital ads, social media graphics, PowerPoint slides, etc.)
-
Toggle ItemHow much of the primary colors should I use in combination with our secondary color? (Color Proportions)
Predominately use red and white in designs. When using gold and gray, don't let it overpower red and white. Note that gold is less than red and white, but greater than gray. This is most appropriate for all official university communication.
-
Toggle ItemHow much of the primary/secondary colors should I use in combination with the marketing colors? (Color Proportions)
Predominately use red and white in designs. When using other accent colors, don't let it overpower red and white. Note that gold is used more than the accent colors, but used less than red and white. This is most appropriate for all official university communication.