Colors - BYUH Marketing and Communications Skip to main content
Brand Guide

Colors

Primary & Secondary Colors
Marketing Colors
Design Examples
Frequently Asked Questions

    Color Proportions

    Pie chart showing red and white as most predominately used in comparison to gold and gray. However, gold is used slightly more than gray.
    Predominately use red and white in designs. When using gold and gray, don't let it overpower red and white. This is most appropriate for all official university communication.

    Primary Colors

    data-content-type=""
    Red color swatch

    Red

    PMS 200 C
    CMYK 12/100/91/4
    RGB 186/12/47
    Hex #ba0c2f

    Red represents love, courage, and leadership.
    overrideBackgroundColorOrImage= overrideTextColor= overrideTextAlignment= overrideCardHideSection= overrideCardHideByline= overrideCardHideDescription= overridebuttonBgColor= overrideButtonText= overrideTextAlignment=
    data-content-type=""
    White color swatch.

    White

    PMS n/a
    CMYK 0/0/0/0
    RGB 255/255/255
    Hex #ffffff

    White represents purity and peace.
    overrideBackgroundColorOrImage= overrideTextColor= overrideTextAlignment= overrideCardHideSection= overrideCardHideByline= overrideCardHideDescription= overridebuttonBgColor= overrideButtonText= overrideTextAlignment=
    data-content-type=""
    Gold color swatch.

    Gold

    PMS 1245
    CMYK 22/42/100/2
    RGB 198/146/20
    Hex #c69214

    Gold represents generosity, compassion, and excellence.
    overrideBackgroundColorOrImage= overrideTextColor= overrideTextAlignment= overrideCardHideSection= overrideCardHideByline= overrideCardHideDescription= overridebuttonBgColor= overrideButtonText= overrideTextAlignment=

    Secondary Color

    data-content-type=""
    Gray color swatch.

    Gray

    PMS 428 C
    CMYK 5/0/0/20
    RGB 193/198/200
    Hex #c1c6c8
    overrideBackgroundColorOrImage= overrideTextColor= overrideTextAlignment= overrideCardHideSection= overrideCardHideByline= overrideCardHideDescription= overridebuttonBgColor= overrideButtonText= overrideTextAlignment=

    Color Proportions with Accents

    A pie chart that shows red and white use predominately more than any other accent color.
    Predominately use red and white in designs. When using other accent colors, don't let it overpower red and white. This is most appropriate for all official university communication.

    Accents

    Turquoise color swatch.

    Turquoise

    PMS 2400 C
    CMYK 90/1/53/0
    RGB 0/176/151
    Hex #00b097
    Orange color swatch.

    Orange

    PMS 7597 C
    CMYK 0/85/95/2
    RGB 209/65/36
    Hex #d14124
    Pink color swatch.

    Pink

    PMS 211 C
    CMYK 0/69/16/0
    RGB 245/126/182
    Hex #f57eb6
    Magenta color swatch.

    Magenta

    PMS 253 C
    CMYK 34/100/7/0
    RGB 173/26/172
    Hex #ad1aac

    Neutral Accents

    Cool gray color swatch.

    Cool Gray

    PMS Cool Gray 11 C
    CMYK 64/56/53/28
    RGB 83/86/90
    Hex #53565a
    Light gray swatch.

    Light Gray

    PMS 427 C
    CMYK 17/12/13/0
    RGB 208/211/212
    Hex #d0d3d4
    Warm gray color swatch.

    Warm Gray

    PMS Warm Gray 6 C
    CMYK 35/36/44/2
    RGB 165/156/148
    Hex #a59c94
    Tan color swatch.

    Tan

    PMS Warm Gray 1 C
    CMYK 13/12/17/0
    RGB 215/210/203
    Hex #d7d2cb
    Dusty rose color swatch.

    Dusty Rose

    PMS 7634 C
    CYMK 18/75/42/1
    RGB 193/103/132
    Hex #c16784

    Dark Accents

    Crimson color swatch.

    Crimson

    PMS 201 C
    CMYK 0/100/63/29
    RGB 158/27/52
    Hex #9e1b34
    Forest green color swatch.

    Forest Green

    PMS 568 C
    CMYK 90/40/71/32
    RGB 0/108/91
    Hex #006c5b
    Maroon color swatch.

    Maroon

    PMS 202 C
    CMYK 29/96/94/34
    RGB 134/38/51
    Hex #862633
    Rose color swatch.

    Rose

    PMS 7636 C
    CMYK 15/100/58/2
    RGB 188/32/75
    Hex #bc204b
    Purple color swatch.

    Purple

    PMS 7651 C
    CMYK 55/100/34/20
    RGB 106/42/91
    Hex #6a2a5b

    Tints and Shades

    These are various tints and shades of the primary, secondary, and marketing colors. These should be used to accent a design. "Color" 1 is the lightest tint of the original color, "Color" 2 is the medium-level tint/shade, and "Color" 3 is a darker shade.
    Color swatch of red tint 1 (the lightest shade of primary color, red)

    Red 1

    CMYK 0/43/13/0
    RGB 245/166/180
    Hex #f5a6b4
    Color swatch of red tint 2 (the medium shade of our primary color, red)

    Red 2

    CMYK 0/90/60/0
    RGB 238/64/85
    Hex #ee4055
    Color swatch of red tint 3 (the darkest shade of primary color, red)

    Red 3

    CMYK 0/25/99/80/19
    RGB 160/30/51
    Hex #a01e33
    Color swatch of gold tint 1

    Gold 1

    CMYK 1/14/38/0
    RGB 251/218/166
    Hex #fbdaa6
    Color swatch of gold tint 2

    Gold 2

    CMYK 8/31/81/0
    RGB 233/177/76
    Hex #e9b14c
    Color swatch of gold tint 3

    Gold 3

    CMYK 32/54/99/15
    RGB 157/111/43
    Hex #9d6f2b
    Color swatch of turquoise tint 1

    Turquoise 1

    CMYK 30/0/14/0
    RGB 175/222/221
    Hex #afdedd
    Color swatch of turquoise tint 2

    Turquoise 2

    CMYK 61/0/35/0
    RGB 92/194/181
    Hex #5cc2b5
    Color swatch of turquoise tint 3

    Turquoise 3

    CMYK 87/30/66/13
    RGB 3/124/105
    Hex #037c69
    Color swatch of Orange Tint 1

    Orange 1

    CMYK 0/50/36/0
    RGB 245/150/141
    Hex #f5968d
    Color swatch of Orange Tint 2

    Orange 2

    CMYK 4/69/60/0
    RGB 231/113/97
    Hex #e77161
    Color swatch of Orange Tint 3

    Orange 3

    CMYK 19/93/98/9
    RGB 186/54/39
    Hex #ba3627
    Color swatch of Pink Tint 1

    Pink 1

    CMYK 0/33/2/0
    RGB 247/185/207
    Hex #f7b9cf
    Color swatch of Pint Tint 2

    Pink 2

    CMYK 0/53/6/0
    RGB 243/147/180
    Hex #f393b4
    Color swatch of Pink Tint 3

    Pink 3

    CMYK 20/81/34/1
    RGB 199/85/121
    Hex #c75579
    Color swatch of Magenta Tint 1

    Magenta 1

    CMYK 11/56/0/0
    RGB 217/136/185
    Hex #d988b9
    Color swatch of Magenta Tint 2

    Magenta 2

    CMYK 22/84/0/0
    RGB 194/77/155
    Hex #c24d9b
    Color swatch of Magenta Tint 3

    Magenta 3

    CMYK 53/100/27/10
    RGB 129/35/107
    Hex #81236b
    Color swatch of Forest Green Tint 1

    Forest Green 1

    CMYK 66/20/46/1
    RGB 93/160/147
    Hex #5da093
    Color swatch of Forest Green Tint 2

    Forest Green 2

    CMYK 88/33/69/19
    RGB 2/114/94
    Hex #02725e
    Color swatch of Forest Green Tint 3

    Forest Green 3

    CMYK 90/46/73/46
    RGB 1/74/61
    Hex #014a3d

    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.

    Graphic design examples of the color proportions in BYU–Hawaii promotional items. Design includes the BYU–Hawaii logo, photos of students and text describing the brand traits: Christ-Center, Purpose Driven, and Committed to Excellence.
    Photo by Marketing and Communications

    Frequently Asked Questions

    • 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.

    • 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.

    • 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.)
    • 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.

      Pie chart showing red and white as most predominately used in comparison to gold and gray. However, gold is used slightly more than gray.

    • 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.

      A pie chart that shows red and white use predominately more than any other accent color.