Skip to main content

Web Interactive Colors

All Stanford websites should meet WCAG AA color contrast standards of a minimum 3.0 color contrast ratio for headings/bold text and 4.5 color contrast ratio for paragraph text. To use colors in an accessible way, pair light text on dark backgrounds or dark text on light backgrounds. 

Digital red is not a replacement for Cardinal redโ€”it can be used as an accent color on digital communications to add energy and emphasis. The light version can be used for interactive elements over dark backgrounds for contrast. The dark version can be used for smaller text over light backgrounds.

Use digital blue for links over light backgrounds, the dark version for link hover/focus states, and the light version for links over dark backgrounds. Do not use these shades of blue in contexts other than links.

Digital red

  • HEX #B1040E
  • RGB 177, 4, 14

Light

  • HEX #E50808

Dark

  • HEX #820000

Digital blue

  • HEX #006CB8
  • RGB 0, 108, 184

Light

  • HEX #6FC3FF

Dark

  • HEX #00548f

Use digital green for things such as form validation, the dark version for link hover/focus states, and the light version for links over dark backgrounds.

Digital green

  • HEXย #008566
  • RGBย 0, 155, 118

Light

  • HEX #1AECBA

Dark

  • HEX #006F54

Back to top