Colors
Contrast ratios shown for text on the color swatch. Targets: AA 4.5:1, AAA 7:1 (normal text).
#0087BE
Best: #000000 5.21:1Normal: AALarge: AAA
Black on #0087BE: 5.21:1White on #0087BE: 4.03:1
#78DCFA
Best: #000000 13.42:1Normal: AAALarge: AAA
Black on #78DCFA: 13.42:1White on #78DCFA: 1.57:1
#00AADC
Best: #000000 7.78:1Normal: AAALarge: AAA
Black on #00AADC: 7.78:1White on #00AADC: 2.70:1
#005082
Best: #FFFFFF 8.50:1Normal: AAALarge: AAA
Black on #005082: 2.47:1White on #005082: 8.50:1
#87A6BC
Best: #000000 8.21:1Normal: AAALarge: AAA
Black on #87A6BC: 8.21:1White on #87A6BC: 2.56:1
#F3F6F8
Best: #000000 19.35:1Normal: AAALarge: AAA
Black on #F3F6F8: 19.35:1White on #F3F6F8: 1.09:1
#E9EFF3
Best: #000000 18.11:1Normal: AAALarge: AAA
Black on #E9EFF3: 18.11:1White on #E9EFF3: 1.16:1
#E9EFF3
Best: #000000 18.11:1Normal: AAALarge: AAA
Black on #E9EFF3: 18.11:1White on #E9EFF3: 1.16:1
#A8BECE
Best: #000000 10.92:1Normal: AAALarge: AAA
Black on #A8BECE: 10.92:1White on #A8BECE: 1.92:1
#668EAA
Best: #000000 6.01:1Normal: AALarge: AAA
Black on #668EAA: 6.01:1White on #668EAA: 3.49:1
#4F748E
Best: #FFFFFF 4.97:1Normal: AALarge: AAA
Black on #4F748E: 4.22:1White on #4F748E: 4.97:1
#3D596D
Best: #FFFFFF 7.37:1Normal: AAALarge: AAA
Black on #3D596D: 2.85:1White on #3D596D: 7.37:1
#2E4453
Best: #FFFFFF 10.16:1Normal: AAALarge: AAA
Black on #2E4453: 2.07:1White on #2E4453: 10.16:1
#D54E21
Best: #000000 4.94:1Normal: AALarge: AAA
Black on #D54E21: 4.94:1White on #D54E21: 4.25:1
#F0821E
Best: #000000 7.92:1Normal: AAALarge: AAA
Black on #F0821E: 7.92:1White on #F0821E: 2.65:1
#4AB866
Best: #000000 8.34:1Normal: AAALarge: AAA
Black on #4AB866: 8.34:1White on #4AB866: 2.52:1
#F0B849
Best: #000000 11.66:1Normal: AAALarge: AAA
Black on #F0B849: 11.66:1White on #F0B849: 1.80:1
#D94F4F
Best: #000000 5.18:1Normal: AALarge: AAA
Black on #D94F4F: 5.18:1White on #D94F4F: 4.05:1