UCSF brand colors
UCSF's brand guide states its accessibility contrast levels using navy text against white, giving the navy as a hex.
Official site: ucsf.edu
Palette image
Every swatch on this page, as one image you can save or share.
Every color
| Color | Role | Hex | RGB | HSL | Pantone | CMYK | Preview |
|---|---|---|---|---|---|---|---|
| Navy | primary | #052049 | 5, 32, 73 | 216, 87%, 15% | -- | -- | Fill screen |
UCSF against your project
Contrast pairs
Navy passes AA for body text on white, at 16 to 1.
Of 6 ordered pairs in this palette, 4 clear 4.5 to 1 for body text and 4 clear 3 to 1 for large text. Row is the text color, column is the background.
| Text color | Navy | White | Black |
|---|---|---|---|
| Navy | 16.0Navy on White, passes AA for body text | 1.3Navy on Black, fails AA for body text | |
| White | 16.0White on Navy, passes AA for body text | 21.0White on Black, passes AA for body text | |
| Black | 1.3Black on Navy, fails AA for body text | 21.0Black on White, passes AA for body text |
Sources
- Every color on this page: https://identity.ucsf.edu/brand-guide/color
Other colleges & universities
Share