Whenever possible, the logo should appear in Carolina Blue. It may also be reproduced in black or white. When appearing on a white or light background, the entire logo should be either black or PMS® 542. When appearing on a dark or black background, the entire logo should reverse out to white.
A minimum of approximately 10% of Carolina Blue should appear in all materials produced for the University, including both print and web materials.
For All Print Applications:
For full color reproduction, please use either Pantone® 542 or the following breakdown for process color matching:
CMYK 60, 19, 1, 4
For All Web Applications:
In 2017, the University adopted a new policy for web accessibility. Follow these color guidelines to ensure your website meets WCAG 2.0 AA accessibility standards.* For more information regarding accessibility, visit digitalaccess.unc.edu.
Web Carolina Blue
RGB 75, 156, 211
RGB 0, 127, 174
RGB 19, 41, 75
RGB 225, 225, 225
RGB 118, 118, 118
RGB 21, 21, 21
Web Color Usage:
Web Carolina Blue
Headers only against White
- May not be used at smaller text sizes (below 14 pt/19 px)
- Permitted at 19 px bold or 24 px non-bold and larger
- Required at smaller text sizes (below 18 pt/24 px) in place of Carolina Blue
Example hyperlink in a typical paragraph
In combination with Carolina Blue
- May also be used as header color or accent
Backgrounds with Black or Athletics Navy text
- May also be used as header color on Black or Athletics Navy
Body Text or Accent with White
- May also be used as header color
- Very high contrast
- Always a good choice for body text
*WCAG 2.0 AA standards:
Success criteria for contrast ratios
The intent of this standard is to provide enough contrast between text and its background so that it can be read by people with moderately low vision (who do not use contrast-enhancing assistive technology).
4.5:1 for normal text (14 pt and smaller)
3:1 for large text (18 pt and larger, or 14 pt bold and larger)
The point unit is indicated in the WCAG guidelines; however, points are rarely used in web development. This can create confusion! The point is larger than the more common pixel.
1 px = 0.75 pt
1 pt = 1.33 px
Therefore, 14 pt = 18.66 px (rounded to 19) and 18 pt = 24 px.
Font size is the size when the content is delivered. It does not include resizing that may be done by a user.
Essentially, any text under 24 px (or 19 px bold) must use Link Blue or darker on a white background. Please test contrast ratios for other color combinations using the following tools.
WCAG Contrast Checker by Acart Communications This one has an interactive picker when you click the mini palette next to your hex code that lets you dial in to the exact pixel that passes the contrast test.
Lea Verou’s Contrast Ratio Pretty interface to compare foreground and background colors.
WebAIM Color Contrast Checker Lighten and darken incrementing is a great feature.
Tota11y Toolkit Chrome Extension Reviews published pages and reports errors and warnings right on the spot.
Chrome Color Contrast Analyzer Extension from NCSU Grab sections of the page with text on images and this tool scans the pixels to demonstrate if enough contrast exists (eyeball test).
Restrictions regarding color and logos:
- Do not change any colors of the signature.
- Do not screen any of the signature colors.
- Do not print the signature in black over a dark background.
- Do not print the reversed out signature onto a light or white background.
- Do not place signature over heavily patterned background.