Accessibility Resources
The following examples of text over background colors are approved and meet Web Content Accessibility Guidelines (WCAG) for contrast. WCAG 2.0 level AA requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text. If you have any question regarding color application please email identity@caltech.edu or visit WebAIM's contrast checker.
Digital
Background color: r:255 g:108 b:12
Text color: r:0 g:0 b:0
Digital
Text color: r:209 g:73 b:0
Digital
Background color: r:118 g:119 b:123
Text color: r:0 g:0 b:0
Digital
Background color: r:202 g:200 b:200
Text color: r:0 g:0 b:0
Digital
Background color: r:170 g:169 b:159
Text color: r:0 g:0 b:0
Digital
Background color: r:133 g:152 b:148
Text color: r:0 g:0 b:0
Digital
Background color: r:157 g:174 b:136
Text color: r:0 g:0 b:0
Digital
Background color: r:159 g:146 b:94
Text color: r:0 g:0 b:0
Digital
Background color: r:242 g:211 b:131
Text color: r:0 g:0 b:0
Digital
Background color: r:0 g:59 b:76
Text color: r:255 g:255 b:255
Digital
Background color: r:0 g:88 b:80
Text color: r:255 g:255 b:255
Digital
Background color: r100 g:75 b:120
Text color: r:255 g:255 b:255
Digital
Background color: r:123 g:48 b:62
Text color: r:255 g:255 b:255
Digital
Background color: r:118 g:119 b:123
Text color: r:255 g:255 b:255
Digital
Background color: r:0 g:161 b:223
Text color: r:0 g:0 b:0
Digital
Background color: r:30 g:152 b:138
Text color: r:0 g:0 b:0
Digital
Background color: r:115 g:169 b:80
Text color: r:0 g:0 b:0
Digital
Background color: r:249 g:190 b:0
Text color: r:0 g:0 b:0
Digital
Background color: r:226 g:204 b:0
Text color: r:0 g:0 b:0
Digital
Background color: r:246 g:77 b:128
Text color: r:0 g:0 b:0
Using colors without sufficient contrast can produce results that make text difficult to read. For those reasons, we have included some examples of color combinations with insufficient contrast.
