Web Colors

On this page:


Primary Colors

SJSU Blue.
Blue

R0 G85 B162
#0055A2

SJSU Gold.
Gold
R229 G168 B35
#E5A823

SJSU Gray.
Gray

R147 G149 B151
#939597


Secondary Colors

SJSU Light Gray.
Light Gray

R210 G210 B210
#D2D2D2

SJSU Dark Gray.
Dark Gray

R102 G102 B102
#666666

SJSU Rollover Blue.
Roll-over Blue

R28 G136 B244
#1C88F4

Gradient bar of blue, grey and gold.
Gradient
Blue #0055A2, Grey #939597, Gold #E5A823

The gradient may be used as a background or as an overlay over black and white photos. The gradient symbolizes Transformation and is used in SJSU’s "Transformation" campaign.


Web Accessible Color Combinations

Across all digital platforms, including on websites, blogs and social media, be mindful of color contrast. Users with vision challenges or limitations may have a difficult time differentiating between colors.

Accessible

White text on a blue background.
White text on a blue background

Blue text on white background.
Blue text on a white background

Dark gray text on white.
Gray #666666 or darker text on a white background

Blue text on gray.
Blue text on a gray #D2D2D2 or lighter background

Black text on gray.
Black text on a gray #D2D2D2 or lighter background

White text on gray.
White text on a gray #666666 or darker background

Not Accessible

White text on yellow.
White text on a yellow background

Blue text on yellow.
Blue text on a yellow background

Yellow text on blue.
Yellow text on a blue background

Yellow text on white.
Yellow text on a white background

Gray text on white.
Gray #939597 text on a white background

Light gray text on white.
Gray #D2D2D2 text on a white background

Black text on gray.
Black text on a gray #939597 background

Black text on dark gray.
Black text on a gray #666666 background

Blue text on gray.
Blue text on a gray #939597 background

Blue text on dark gray.
Blue text on a gray #666666 background

Using all official colors, including yellow and gray, as foreground or background colors in graphic elements on the web is acceptable.

Gray and gold spirit marks on white or gray.


Accessibility Isn't Just the Law

Color contrast is one of many considerations when creating web applications and content that everyone can use, including people with disabilities who may use assistive technologies to access your website. It is the right thing to do, the smart thing to do, and it is the law.

Resources

To check text for proper contrast, visit WebAIM's color contrast checker. To find colors that meet the WCAG Guidelines in text/background contrast ratios visit Color Safe.

For more information regarding ADA compliance and legibility guidelines, visit Web Services web accessibility website[BROKEN LINK]