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.
Do not use
White on Roarange
Growling Gray on Roarange
Growling Gray Medium on Roarange
Growling Gray Light on Roarange
White on Roarange Light
Growling Gray on Roarange Light
Growling Gray Medium on Roarange Light
Growling Gray Light on Roarange Light
Roarange on Growling Gray
Black on Growling Gray
Roarange on Growling Gray Medium
White on Growling Gray Medium
Roarange on Growling Gray Light
White on Growling Gray Light
Roarange on White
Roarange Light on White
Growling Gray Medium on White
Growling Gray Light on White
You can use
Black on White
Dark on White
Links on White
White on Black
White on Dark
Black on Growling Gray Light
Black on Light Gray
Black on Roarange
Black on Roarange Light
Roarange on Black
Roarange Light on Black
White on Links
White on Buttons