facebook pixel Skip to Main Content
Idaho State University home

Colors and web accessibility

Certain combinations of our official colors do meet accessibility standards for color blindness or other visual impairments.

 

For websites, apps, email

 

BLACK
#333333
rgb(51,51,51)

 

DARK
#424242
rgb(66,66,66)

 

BORDERS
#e6e7e8
rgb(230,231,232)

 

GRAY BACKGROUND
#f1f1f1
rgb(241,241,241)

 

WHITE
#fff
rgb(255,255,255)

 

LINKS
#b82b00
rgb(184,43,0)

 

BUTTONS (with white text)
#d4441c
rgb(212, 68, 28)

 

ROARANGE (accent color)
#f47920
rgb(241,121,32)

 

LIGHT ROARANGE (accent color)
#f69240
rgb(246,146,64)

 

Many official brand colors are not accessible as text

Roarange and Roarange light can't be used with white or gray.

Growling Gray can't be used with black.

Growling Gray Medium and Growling Gray Light can't be used with white. 

The inaccessible color combinations look like this:

Some people can't see this text

Some people can't see this text

Some people can't see this text

Some people can't see this text

Some people can't see this text

Some people can't see this text

Some people can't see this text

Some people can't see this text

Some people can't see this text

Some people can't see this text

Some people can't see this text

Some people can't see this text

Some people can't see this text

Some people can't see this text

Some people can't see this text

Some people can't see this text

Some people can't see this text

Some people can't see this text