Hey there! This is the Uniform version 3 documentation site. If you’re looking for version 4, go here instead.
Tagging colors represent the teams participating in a tagged event. It’s up to the user to assign those colors for an updated tagging interface.
These colors were chosen to effectively associate on-screen colors with team uniforms.
Each tagging color passes accessibility standards when used with the appropriate content color.
Don'tuse Content White on lighter tagging colors.
Douse Content Black on White, Yellow and Orange.
Even with the appropriate text color, some tagging base colors only pass accessibility at a lower threshold (3:1). Because of this, stick to bold text on base tagging colors.
Shade tagging colors are suitable for all text weights and sizes.
Don'tuse regular weighted text on base colors.
Douse bold text on base colors and regular weighted text on shades.
Color | Name | RGBA |
---|---|---|
Tagging Content White | 255, 255, 255, 1.0 | |
Tagging Content Black | 0, 0, 0, 1.0 | |
Tagging White | 252, 251, 252, 1.0 | |
Tagging White Shade | 197, 197, 197, 1.0 | |
Tagging Grey | 114, 116, 118, 1.0 | |
Tagging Grey Shade | 89, 90, 92, 1.0 | |
Tagging Black | 60, 60, 60, 1.0 | |
Tagging Black Shade | 41, 41, 41, 1.0 | |
Tagging Yellow | 255, 221, 0, 1.0 | |
Tagging Yellow Shade | 227, 192, 0, 1.0 | |
Tagging Orange | 255, 144, 0, 1.0 | |
Tagging Orange Shade | 219, 123, 0, 1.0 | |
Tagging Red | 201, 26, 26, 1.0 | |
Tagging Red Shade | 160, 20, 20, 1.0 | |
Tagging Green | 85, 167, 52, 1.0 | |
Tagging Green Shade | 59, 131, 29, 1.0 | |
Tagging Blue | 45, 131, 201, 1.0 | |
Tagging Blue Shade | 36, 104, 160, 1.0 | |
Tagging Purple | 98, 18, 150, 1.0 | |
Tagging Purple Shade | 72, 11, 111, 1.0 |