BYU–Hawaii Brand
Official Colors
Three colors make up the BYU–Hawaii identity: crimson, white, and gold. These colors represent the institution and should be used generously on high-visibility communication pieces.
Spirit Colors
We implement an additional color system for our spirit logos and merchandise marks, designed to amplify the vibrancy of our school spirit. It is essential to understand that these colors are not intended for academic representation of the university. Just like the Seasider logo, they are reserved exclusively for recreational purposes.
For other colors based on usage-type—marketing and web colors—view each tab below.
Official BYUH Colors
![Sample of BYUH crimson](https://brightspotcdn.byu.edu/dims4/default/5c53581/2147483647/strip/true/crop/2401x2431+0+0/resize/1920x1944!/quality/90/?url=https%3A%2F%2Fbrigham-young-brightspot-us-east-2.s3.us-east-2.amazonaws.com%2F32%2F98%2F7cd7428c4b1fa492aeb98fbbb6c9%2Ftext-crimson.png)
Crimson
![Color sample of white](https://brightspotcdn.byu.edu/dims4/default/00b68dd/2147483647/strip/true/crop/2401x2431+0+0/resize/1920x1944!/quality/90/?url=https%3A%2F%2Fbrigham-young-brightspot-us-east-2.s3.us-east-2.amazonaws.com%2Ff5%2F3a%2F726add02472aa2ff2d2c7a4f1bc1%2Fgrays-white.png)
White
![Sample of gold for web only](https://brightspotcdn.byu.edu/dims4/default/2be0fa4/2147483647/strip/true/crop/2401x2431+0+0/resize/1920x1944!/quality/90/?url=https%3A%2F%2Fbrigham-young-brightspot-us-east-2.s3.us-east-2.amazonaws.com%2Fcf%2Fb1%2F1a428b4e46a69d4ed83953e08efa%2Ftext-web-gold.png)
Gold
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 |
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©
Spirit Colors
![Spirit red color sample](https://brightspotcdn.byu.edu/dims4/default/d7678ec/2147483647/strip/true/crop/2400x2430+0+0/resize/1920x1944!/quality/90/?url=https%3A%2F%2Fbrigham-young-brightspot-us-east-2.s3.us-east-2.amazonaws.com%2F53%2Ff3%2Fbb65bbd44ce296855409df221f66%2Fspirit-red.png)
Spirit Red
![Color sample of white](https://brightspotcdn.byu.edu/dims4/default/00b68dd/2147483647/strip/true/crop/2401x2431+0+0/resize/1920x1944!/quality/90/?url=https%3A%2F%2Fbrigham-young-brightspot-us-east-2.s3.us-east-2.amazonaws.com%2Ff5%2F3a%2F726add02472aa2ff2d2c7a4f1bc1%2Fgrays-white.png)
White
![Spirit gold color sample](https://brightspotcdn.byu.edu/dims4/default/40f553a/2147483647/strip/true/crop/2400x2430+0+0/resize/1920x1944!/quality/90/?url=https%3A%2F%2Fbrigham-young-brightspot-us-east-2.s3.us-east-2.amazonaws.com%2F4f%2Fe3%2F38f186054590a6688c8742cd9662%2Fspirit-gold.png)
Spirit Gold
Color
PMS* | CMYK | RGB | Hex | |
Spirit Red | 200 | 12/100/91/4 | 186/12/47 | #ba0c2f |
White | n/a | 0/0/0/0 | 250/250/250 | #ffffff |
Spirit Gold | 1245 | 22/42/100/2 | 198/146/20 | #c69214 |
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©
Marketing Colors
![Yellow from the secondary color palette.](https://brightspotcdn.byu.edu/dims4/default/7c6c620/2147483647/strip/true/crop/2401x2431+0+0/resize/1920x1944!/quality/90/?url=https%3A%2F%2Fbrigham-young-brightspot-us-east-2.s3.us-east-2.amazonaws.com%2Ffc%2Fdf%2F0b7a5654472488e3eeb44484bf41%2Fcolors-yellow.png)
Yellow
![Sample of forest green, one of the accent colors.](https://brightspotcdn.byu.edu/dims4/default/08093c7/2147483647/strip/true/crop/2401x2431+0+0/resize/1920x1944!/quality/90/?url=https%3A%2F%2Fbrigham-young-brightspot-us-east-2.s3.us-east-2.amazonaws.com%2F9f%2F54%2F6fcee65542ad90a23601b05c7b2a%2Fforest.png)
Forest
![A purple square.](https://brightspotcdn.byu.edu/dims4/default/df206e4/2147483647/strip/true/crop/300x300+0+0/resize/1920x1920!/quality/90/?url=https%3A%2F%2Fbrigham-young-brightspot-us-east-2.s3.us-east-2.amazonaws.com%2Fca%2Fdf%2Fdd02101b44d886538bae7058ff4e%2Fpurple.png)
Purple
![A pink square.](https://brightspotcdn.byu.edu/dims4/default/ec5b5ea/2147483647/strip/true/crop/300x300+0+0/resize/1920x1920!/quality/90/?url=https%3A%2F%2Fbrigham-young-brightspot-us-east-2.s3.us-east-2.amazonaws.com%2F52%2Fad%2F8af512e040a3bb7de8d07491b60a%2Fpink.png)
Pink
![Sample of dark gray, one of the accent colors.](https://brightspotcdn.byu.edu/dims4/default/99709e7/2147483647/strip/true/crop/2401x2431+0+0/resize/1920x1944!/quality/90/?url=https%3A%2F%2Fbrigham-young-brightspot-us-east-2.s3.us-east-2.amazonaws.com%2Feb%2F06%2Fa9a8989a4a2f8ffa0890ec1dd5a0%2Fdark-gray.png)
Dark Gray
![Sample of light gray, one of the accent colors.](https://brightspotcdn.byu.edu/dims4/default/cf9cef9/2147483647/strip/true/crop/2400x2431+0+0/resize/1920x1945!/quality/90/?url=https%3A%2F%2Fbrigham-young-brightspot-us-east-2.s3.us-east-2.amazonaws.com%2Faa%2F0c%2F15848ce8405f823b2a9b29193da1%2Flight-gray.png)
Gray
These recommended marketing 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.
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 |
Purple | 2083 | 51/70/0/0 | 150/94/199 | #965ec7 |
Pink | 237 | 7/53/0/0 | 236/134/208 | #ec86d0 |
Dark Gray | 433 | 67/60/59/44 | 58/58/58 | #3a3a3a |
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©
Web Text Colors
![Color sample of dark gray](https://brightspotcdn.byu.edu/dims4/default/6444c6c/2147483647/strip/true/crop/2401x2431+0+0/resize/1920x1944!/quality/90/?url=https%3A%2F%2Fbrigham-young-brightspot-us-east-2.s3.us-east-2.amazonaws.com%2F73%2F34%2F1240c8d24f348c81d59646cde46e%2Ftext-grays-dark-gray.png)
Dark Gray
![Sample of BYUH crimson](https://brightspotcdn.byu.edu/dims4/default/5c53581/2147483647/strip/true/crop/2401x2431+0+0/resize/1920x1944!/quality/90/?url=https%3A%2F%2Fbrigham-young-brightspot-us-east-2.s3.us-east-2.amazonaws.com%2F32%2F98%2F7cd7428c4b1fa492aeb98fbbb6c9%2Ftext-crimson.png)
Crimson
![Sample of gold for web only](https://brightspotcdn.byu.edu/dims4/default/2be0fa4/2147483647/strip/true/crop/2401x2431+0+0/resize/1920x1944!/quality/90/?url=https%3A%2F%2Fbrigham-young-brightspot-us-east-2.s3.us-east-2.amazonaws.com%2Fcf%2Fb1%2F1a428b4e46a69d4ed83953e08efa%2Ftext-web-gold.png)
Web Gold
![Color sample of white](https://brightspotcdn.byu.edu/dims4/default/00b68dd/2147483647/strip/true/crop/2401x2431+0+0/resize/1920x1944!/quality/90/?url=https%3A%2F%2Fbrigham-young-brightspot-us-east-2.s3.us-east-2.amazonaws.com%2Ff5%2F3a%2F726add02472aa2ff2d2c7a4f1bc1%2Fgrays-white.png)
White
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](https://brightspotcdn.byu.edu/dims4/default/6444c6c/2147483647/strip/true/crop/2401x2431+0+0/resize/1920x1944!/quality/90/?url=https%3A%2F%2Fbrigham-young-brightspot-us-east-2.s3.us-east-2.amazonaws.com%2F73%2F34%2F1240c8d24f348c81d59646cde46e%2Ftext-grays-dark-gray.png)
Dark Gray
![Color sample of the web's medium gray](https://brightspotcdn.byu.edu/dims4/default/d66cedd/2147483647/strip/true/crop/2401x2431+0+0/resize/1920x1944!/quality/90/?url=https%3A%2F%2Fbrigham-young-brightspot-us-east-2.s3.us-east-2.amazonaws.com%2F22%2F83%2F4c9c8c7242eaaf73f5f93b1c5b49%2Fgrays-medium-gray.png)
Medium Gray
![The color sample of the BYUH gray](https://brightspotcdn.byu.edu/dims4/default/b239ac2/2147483647/strip/true/crop/2401x2431+0+0/resize/1920x1944!/quality/90/?url=https%3A%2F%2Fbrigham-young-brightspot-us-east-2.s3.us-east-2.amazonaws.com%2Fb5%2F35%2F6b3886b64f4d94b0cafa08bbbab2%2Fgrays-byuh-gray.png)
Gray
![Color sample of the web's light gray](https://brightspotcdn.byu.edu/dims4/default/9de63b3/2147483647/strip/true/crop/2401x2431+0+0/resize/1920x1944!/quality/90/?url=https%3A%2F%2Fbrigham-young-brightspot-us-east-2.s3.us-east-2.amazonaws.com%2Fc2%2F4a%2Fac85dd09419294a4a7d669bae0ab%2Fgrays-light-gray.png)
Light Gray
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 |