Return to colour matrix.

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