Foreground Colour |
Background Colour |
#3CBAC6 |
#8D3970 |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
3.05 |
G |
Foreground Colour |
Background Colour |
#8D3970 |
#3CBAC6 |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
3.05 |
G |
Foreground Colour |
Background Colour |
#3CBAC6 |
#495961 |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
3.13 |
G |
Foreground Colour |
Background Colour |
#495961 |
#3CBAC6 |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
3.13 |
G |
Foreground Colour |
Background Colour |
#005C84 |
#3CBAC6 |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
3.15 |
G |
Foreground Colour |
Background Colour |
#3CBAC6 |
#005C84 |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
3.15 |
G |
Foreground Colour |
Background Colour |
#231F20 |
#D5007F |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
3.21 |
G |
Foreground Colour |
Background Colour |
#8D3970 |
#9FB1BD |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
3.21 |
G |
Foreground Colour |
Background Colour |
#9FB1BD |
#8D3970 |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
3.21 |
G |
Foreground Colour |
Background Colour |
#D5007F |
#231F20 |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
3.21 |
G |
Foreground Colour |
Background Colour |
#002E3B |
#1E8765 |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
3.23 |
G |
Foreground Colour |
Background Colour |
#1E8765 |
#002E3B |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
3.23 |
G |
Foreground Colour |
Background Colour |
#495961 |
#9FB1BD |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
3.29 |
G |
Foreground Colour |
Background Colour |
#9FB1BD |
#495961 |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
3.29 |
G |
Foreground Colour |
Background Colour |
#005C84 |
#9FB1BD |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
3.31 |
G |
Foreground Colour |
Background Colour |
#9FB1BD |
#005C84 |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
3.31 |
G |
Foreground Colour |
Background Colour |
#002E3B |
#E73037 |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
3.35 |
G |
Foreground Colour |
Background Colour |
#E73037 |
#002E3B |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
3.35 |
G |
Foreground Colour |
Background Colour |
#002E3B |
#E73238 |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
3.37 |
G |
Foreground Colour |
Background Colour |
#E73238 |
#002E3B |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
3.37 |
G |
Foreground Colour |
Background Colour |
#B3DBD2 |
#D5007F |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
3.38 |
G |
Foreground Colour |
Background Colour |
#D5007F |
#B3DBD2 |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
3.38 |
G |
Foreground Colour |
Background Colour |
#E1E8EC |
#E73238 |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
3.45 |
G |
Foreground Colour |
Background Colour |
#E73238 |
#E1E8EC |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
3.45 |
G |
Foreground Colour |
Background Colour |
#E1E8EC |
#E73037 |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
3.47 |
G |
Foreground Colour |
Background Colour |
#E73037 |
#E1E8EC |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
3.47 |
G |
Foreground Colour |
Background Colour |
#758D9A |
#FFFFFF |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
3.48 |
G |
Foreground Colour |
Background Colour |
#FFFFFF |
#758D9A |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
3.48 |
G |
Foreground Colour |
Background Colour |
#1E8765 |
#E1E8EC |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
3.60 |
G |
Foreground Colour |
Background Colour |
#E1E8EC |
#1E8765 |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
3.60 |
G |
Foreground Colour |
Background Colour |
#1E8765 |
#231F20 |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
3.65 |
G |
Foreground Colour |
Background Colour |
#231F20 |
#1E8765 |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
3.65 |
G |
Foreground Colour |
Background Colour |
#00131D |
#D5007F |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
3.72 |
G |
Foreground Colour |
Background Colour |
#D5007F |
#00131D |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
3.72 |
G |
Foreground Colour |
Background Colour |
#231F20 |
#E73037 |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
3.78 |
G |
Foreground Colour |
Background Colour |
#E73037 |
#231F20 |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
3.78 |
G |
Foreground Colour |
Background Colour |
#74C9E5 |
#8D3970 |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
3.80 |
G |
Foreground Colour |
Background Colour |
#8D3970 |
#74C9E5 |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
3.80 |
G |
Foreground Colour |
Background Colour |
#231F20 |
#E73238 |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
3.81 |
G |
Foreground Colour |
Background Colour |
#E73238 |
#231F20 |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
3.81 |
G |
Foreground Colour |
Background Colour |
#495961 |
#74C9E5 |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
3.89 |
G |
Foreground Colour |
Background Colour |
#74C9E5 |
#495961 |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
3.89 |
G |
Foreground Colour |
Background Colour |
#005C84 |
#74C9E5 |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
3.92 |
G |
Foreground Colour |
Background Colour |
#74C9E5 |
#005C84 |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
3.92 |
G |
Foreground Colour |
Background Colour |
#D5007F |
#E1E8EC |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
4.09 |
G |
Foreground Colour |
Background Colour |
#E1E8EC |
#D5007F |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
4.09 |
G |
Foreground Colour |
Background Colour |
#002E3B |
#758D9A |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
4.14 |
G |
Foreground Colour |
Background Colour |
#758D9A |
#002E3B |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
4.14 |
G |
Foreground Colour |
Background Colour |
#8D3970 |
#FCBC00 |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
4.17 |
G |
Foreground Colour |
Background Colour |
#FCBC00 |
#8D3970 |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
4.17 |
G |
Foreground Colour |
Background Colour |
#8D3970 |
#C1D100 |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
4.19 |
G |
Foreground Colour |
Background Colour |
#C1D100 |
#8D3970 |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
4.19 |
G |
Foreground Colour |
Background Colour |
#00131D |
#1E8765 |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
4.23 |
G |
Foreground Colour |
Background Colour |
#1E8765 |
#00131D |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
4.23 |
G |
Foreground Colour |
Background Colour |
#495961 |
#FCBC00 |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
4.27 |
G |
Foreground Colour |
Background Colour |
#E73238 |
#FFFFFF |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
4.27 |
G |
Foreground Colour |
Background Colour |
#FCBC00 |
#495961 |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
4.27 |
G |
Foreground Colour |
Background Colour |
#FFFFFF |
#E73238 |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
4.27 |
G |
Foreground Colour |
Background Colour |
#495961 |
#C1D100 |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
4.29 |
G |
Foreground Colour |
Background Colour |
#C1D100 |
#495961 |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
4.29 |
G |
Foreground Colour |
Background Colour |
#005C84 |
#FCBC00 |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
4.30 |
G |
Foreground Colour |
Background Colour |
#E73037 |
#FFFFFF |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
4.30 |
G |
Foreground Colour |
Background Colour |
#FCBC00 |
#005C84 |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
4.30 |
G |
Foreground Colour |
Background Colour |
#FFFFFF |
#E73037 |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
4.30 |
G |
Foreground Colour |
Background Colour |
#005C84 |
#C1D100 |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
4.32 |
G |
Foreground Colour |
Background Colour |
#C1D100 |
#005C84 |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
4.32 |
G |
Foreground Colour |
Background Colour |
#00131D |
#E73037 |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
4.38 |
G |
Foreground Colour |
Background Colour |
#E73037 |
#00131D |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
4.38 |
G |
Foreground Colour |
Background Colour |
#00131D |
#E73238 |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
4.42 |
G |
Foreground Colour |
Background Colour |
#E73238 |
#00131D |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
4.42 |
G |
Foreground Colour |
Background Colour |
#1E8765 |
#FFFFFF |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
4.45 |
G |
Foreground Colour |
Background Colour |
#FFFFFF |
#1E8765 |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
4.45 |
G |
Foreground Colour |
Background Colour |
#231F20 |
#758D9A |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
4.68 |
AA |
Foreground Colour |
Background Colour |
#758D9A |
#231F20 |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
4.68 |
AA |
Foreground Colour |
Background Colour |
#8D3970 |
#B3DBD2 |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
4.73 |
AA |
Foreground Colour |
Background Colour |
#B3DBD2 |
#8D3970 |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
4.73 |
AA |
Foreground Colour |
Background Colour |
#495961 |
#B3DBD2 |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
4.84 |
AA |
Foreground Colour |
Background Colour |
#B3DBD2 |
#495961 |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
4.84 |
AA |
Foreground Colour |
Background Colour |
#005C84 |
#B3DBD2 |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
4.88 |
AA |
Foreground Colour |
Background Colour |
#B3DBD2 |
#005C84 |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
4.88 |
AA |
Foreground Colour |
Background Colour |
#D5007F |
#FFFFFF |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
5.07 |
AA |
Foreground Colour |
Background Colour |
#FFFFFF |
#D5007F |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
5.07 |
AA |
Foreground Colour |
Background Colour |
#002E3B |
#EF7D00 |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
5.22 |
AA |
Foreground Colour |
Background Colour |
#EF7D00 |
#002E3B |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
5.22 |
AA |
Foreground Colour |
Background Colour |
#00131D |
#758D9A |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
5.43 |
AA |
Foreground Colour |
Background Colour |
#758D9A |
#00131D |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
5.43 |
AA |
Foreground Colour |
Background Colour |
#8D3970 |
#E1E8EC |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
5.74 |
AA |
Foreground Colour |
Background Colour |
#E1E8EC |
#8D3970 |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
5.74 |
AA |
Foreground Colour |
Background Colour |
#002E3B |
#4BB694 |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
5.78 |
AA |
Foreground Colour |
Background Colour |
#4BB694 |
#002E3B |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
5.78 |
AA |
Foreground Colour |
Background Colour |
#495961 |
#E1E8EC |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
5.87 |
AA |
Foreground Colour |
Background Colour |
#E1E8EC |
#495961 |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
5.87 |
AA |
Foreground Colour |
Background Colour |
#231F20 |
#EF7D00 |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
5.90 |
AA |
Foreground Colour |
Background Colour |
#EF7D00 |
#231F20 |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
5.90 |
AA |
Foreground Colour |
Background Colour |
#005C84 |
#E1E8EC |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
5.92 |
AA |
Foreground Colour |
Background Colour |
#E1E8EC |
#005C84 |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
5.92 |
AA |
Foreground Colour |
Background Colour |
#002E3B |
#3CBAC6 |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
6.21 |
AA |
Foreground Colour |
Background Colour |
#3CBAC6 |
#002E3B |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
6.21 |
AA |
Foreground Colour |
Background Colour |
#002E3B |
#9FB1BD |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
6.53 |
AA |
Foreground Colour |
Background Colour |
#231F20 |
#4BB694 |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
6.53 |
AA |
Foreground Colour |
Background Colour |
#4BB694 |
#231F20 |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
6.53 |
AA |
Foreground Colour |
Background Colour |
#9FB1BD |
#002E3B |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
6.53 |
AA |
Foreground Colour |
Background Colour |
#00131D |
#EF7D00 |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
6.84 |
AA |
Foreground Colour |
Background Colour |
#EF7D00 |
#00131D |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
6.84 |
AA |
Foreground Colour |
Background Colour |
#231F20 |
#3CBAC6 |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
7.01 |
AAA |
Foreground Colour |
Background Colour |
#3CBAC6 |
#231F20 |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
7.01 |
AAA |
Foreground Colour |
Background Colour |
#8D3970 |
#FFFFFF |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
7.11 |
AAA |
Foreground Colour |
Background Colour |
#FFFFFF |
#8D3970 |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
7.11 |
AAA |
Foreground Colour |
Background Colour |
#495961 |
#FFFFFF |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
7.27 |
AAA |
Foreground Colour |
Background Colour |
#FFFFFF |
#495961 |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
7.27 |
AAA |
Foreground Colour |
Background Colour |
#005C84 |
#FFFFFF |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
7.33 |
AAA |
Foreground Colour |
Background Colour |
#FFFFFF |
#005C84 |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
7.33 |
AAA |
Foreground Colour |
Background Colour |
#231F20 |
#9FB1BD |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
7.37 |
AAA |
Foreground Colour |
Background Colour |
#9FB1BD |
#231F20 |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
7.37 |
AAA |
Foreground Colour |
Background Colour |
#00131D |
#4BB694 |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
7.57 |
AAA |
Foreground Colour |
Background Colour |
#4BB694 |
#00131D |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
7.57 |
AAA |
Foreground Colour |
Background Colour |
#002E3B |
#74C9E5 |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
7.72 |
AAA |
Foreground Colour |
Background Colour |
#74C9E5 |
#002E3B |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
7.72 |
AAA |
Foreground Colour |
Background Colour |
#00131D |
#3CBAC6 |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
8.12 |
AAA |
Foreground Colour |
Background Colour |
#3CBAC6 |
#00131D |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
8.12 |
AAA |
Foreground Colour |
Background Colour |
#002E3B |
#FCBC00 |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
8.48 |
AAA |
Foreground Colour |
Background Colour |
#FCBC00 |
#002E3B |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
8.48 |
AAA |
Foreground Colour |
Background Colour |
#002E3B |
#C1D100 |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
8.52 |
AAA |
Foreground Colour |
Background Colour |
#C1D100 |
#002E3B |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
8.52 |
AAA |
Foreground Colour |
Background Colour |
#00131D |
#9FB1BD |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
8.54 |
AAA |
Foreground Colour |
Background Colour |
#9FB1BD |
#00131D |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
8.54 |
AAA |
Foreground Colour |
Background Colour |
#231F20 |
#74C9E5 |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
8.71 |
AAA |
Foreground Colour |
Background Colour |
#74C9E5 |
#231F20 |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
8.71 |
AAA |
Foreground Colour |
Background Colour |
#231F20 |
#FCBC00 |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
9.57 |
AAA |
Foreground Colour |
Background Colour |
#FCBC00 |
#231F20 |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
9.57 |
AAA |
Foreground Colour |
Background Colour |
#002E3B |
#B3DBD2 |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
9.61 |
AAA |
Foreground Colour |
Background Colour |
#231F20 |
#C1D100 |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
9.61 |
AAA |
Foreground Colour |
Background Colour |
#B3DBD2 |
#002E3B |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
9.61 |
AAA |
Foreground Colour |
Background Colour |
#C1D100 |
#231F20 |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
9.61 |
AAA |
Foreground Colour |
Background Colour |
#00131D |
#74C9E5 |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
10.1 |
AAA |
Foreground Colour |
Background Colour |
#74C9E5 |
#00131D |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
10.1 |
AAA |
Foreground Colour |
Background Colour |
#231F20 |
#B3DBD2 |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
10.8 |
AAA |
Foreground Colour |
Background Colour |
#B3DBD2 |
#231F20 |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
10.8 |
AAA |
Foreground Colour |
Background Colour |
#00131D |
#C1D100 |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
11.1 |
AAA |
Foreground Colour |
Background Colour |
#00131D |
#FCBC00 |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
11.1 |
AAA |
Foreground Colour |
Background Colour |
#C1D100 |
#00131D |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
11.1 |
AAA |
Foreground Colour |
Background Colour |
#FCBC00 |
#00131D |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
11.1 |
AAA |
Foreground Colour |
Background Colour |
#002E3B |
#E1E8EC |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
11.6 |
AAA |
Foreground Colour |
Background Colour |
#E1E8EC |
#002E3B |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
11.6 |
AAA |
Foreground Colour |
Background Colour |
#00131D |
#B3DBD2 |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
12.5 |
AAA |
Foreground Colour |
Background Colour |
#B3DBD2 |
#00131D |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
12.5 |
AAA |
Foreground Colour |
Background Colour |
#231F20 |
#E1E8EC |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
13.1 |
AAA |
Foreground Colour |
Background Colour |
#E1E8EC |
#231F20 |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
13.1 |
AAA |
Foreground Colour |
Background Colour |
#002E3B |
#FFFFFF |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
14.4 |
AAA |
Foreground Colour |
Background Colour |
#FFFFFF |
#002E3B |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
14.4 |
AAA |
Foreground Colour |
Background Colour |
#00131D |
#E1E8EC |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
15.2 |
AAA |
Foreground Colour |
Background Colour |
#E1E8EC |
#00131D |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
15.2 |
AAA |
Foreground Colour |
Background Colour |
#231F20 |
#FFFFFF |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
16.3 |
AAA |
Foreground Colour |
Background Colour |
#FFFFFF |
#231F20 |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
16.3 |
AAA |
Foreground Colour |
Background Colour |
#00131D |
#FFFFFF |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
18.9 |
AAA |
Foreground Colour |
Background Colour |
#FFFFFF |
#00131D |
|
|
Example Icon |
❅ |
Contrast Ratio |
WCAG Rating |
18.9 |
AAA |