A color's successful contrast against black and white is based on the AA standard for normal-size text set forth by the W3C.
Primary palette
Swatch |
Name |
Hex |
RGB |
Sass variable |
Black contrast |
White contrast |
|
Reflex Blue |
#0054a4 |
0, 84, 164 |
$color-wp-reflex-blue |
Fail |
Pass |
|
Black |
#000000 |
0, 0, 0 |
$color-black |
Fail |
Pass |
|
White |
#ffffff |
255, 255, 255 |
$color-white |
Pass |
Fail |
Secondary palette
Swatch |
Name |
Hex |
RGB |
Sass variable |
Black contrast |
White contrast |
|
Cyan |
#50c8e8 |
80, 200, 232 |
$color-wp-cyan |
Pass |
Fail |
|
Red |
#d31245 |
211, 18, 69 |
$color-wp-red |
Fail |
Pass |
|
Yellow-Green |
#b0bc22 |
176, 188, 34 |
$color-wp-yellow-green |
Pass |
Fail |
Tertiary palette
Swatch |
Name |
Hex |
RGB |
Sass variable |
Black contrast |
White contrast |
|
Purple |
#54075b |
84, 7, 91 |
$color-wp-purple |
Fail |
Pass |
|
Orange |
#e36f1e |
227, 111, 30 |
$color-wp-orange |
Fail |
Fail |
|
Green |
#a0cf67 |
160, 207, 103 |
$color-wp-green |
Pass |
Fail |
Neutral palette
Swatch |
Name |
Hex |
RGB |
Sass variable |
Black contrast |
White contrast |
|
Dark Blue |
#003f5f |
0, 63, 95 |
$color-wp-dark-blue |
Fail |
Pass |
|
Medium Blue |
#5d87a1 |
93, 135, 161 |
$color-wp-medium-blue |
Pass |
Fail |
|
Gray |
#a7a9ac |
167, 169, 172 |
$color-wp-gray |
Pass |
Fail |