| pass | 15.62:1 | 4.5 | tone default: text on background [#1c2430 on #ffffff] |
| pass | 15.62:1 | 4.5 | tone default: link on background (underlined foreground) [#1c2430 on #ffffff] |
| pass | 5.83:1 | 4.5 | tone default: muted text on background [#5b6675 on #ffffff] |
| pass | 5.62:1 | 4.5 | tone default: error text on background [#c62828 on #ffffff] |
| pass | 3.78:1 | 3 | tone default: input border on background [#7a8494 on #ffffff] |
| pass | 5.62:1 | 3 | tone default: invalid input border on background [#c62828 on #ffffff] |
| pass | 7.76:1 | 3 | tone default: focus ring on background [#1f4fa3 on #ffffff] |
| pass | 7.76:1 | 3 | tone default: primary button edge on background [#1f4fa3 on #ffffff] |
| pass | 15.62:1 | 4.5 | tone default: text on card [#1c2430 on #ffffff] |
| pass | 15.62:1 | 4.5 | tone default: link on card (underlined foreground) [#1c2430 on #ffffff] |
| pass | 5.83:1 | 4.5 | tone default: muted text on card [#5b6675 on #ffffff] |
| pass | 5.62:1 | 4.5 | tone default: error text on card [#c62828 on #ffffff] |
| pass | 3.78:1 | 3 | tone default: input border on card [#7a8494 on #ffffff] |
| pass | 5.62:1 | 3 | tone default: invalid input border on card [#c62828 on #ffffff] |
| pass | 7.76:1 | 3 | tone default: focus ring on card [#1f4fa3 on #ffffff] |
| pass | 7.76:1 | 3 | tone default: primary button edge on card [#1f4fa3 on #ffffff] |
| pass | 14.30:1 | 4.5 | tone default: text on muted fill [#1c2430 on #f3f5f8] |
| pass | 5.34:1 | 4.5 | tone default: muted text on muted fill [#5b6675 on #f3f5f8] |
| pass | 7.76:1 | 4.5 | tone default: primary button label [#ffffff on #1f4fa3] |
| pass | 6.09:1 | 4.5 | tone default: primary button label (hover) [#ffffff on #3561ac] |
| pass | 13.79:1 | 4.5 | tone default: secondary button label [#1c2430 on #eef1f5] |
| pass | 14.05:1 | 4.5 | tone default: secondary button label (hover) [#1c2430 on #f1f3f7] |
| pass | 7.76:1 | 4.5 | tone default: highlight label (highlighted column, badge) [#ffffff on #1f4fa3] |
| pass | 15.62:1 | 4.5 | tone default: selected pill (background on foreground) [#ffffff on #1c2430] |
| pass | 14.43:1 | 4.5 | tone muted: text on background [#1c2430 on #f4f6f9] |
| pass | 14.43:1 | 4.5 | tone muted: link on background (underlined foreground) [#1c2430 on #f4f6f9] |
| pass | 5.38:1 | 4.5 | tone muted: muted text on background [#5b6675 on #f4f6f9] |
| pass | 5.19:1 | 4.5 | tone muted: error text on background [#c62828 on #f4f6f9] |
| pass | 3.49:1 | 3 | tone muted: input border on background [#7a8494 on #f4f6f9] |
| pass | 5.19:1 | 3 | tone muted: invalid input border on background [#c62828 on #f4f6f9] |
| pass | 7.17:1 | 3 | tone muted: focus ring on background [#1f4fa3 on #f4f6f9] |
| pass | 7.17:1 | 3 | tone muted: primary button edge on background [#1f4fa3 on #f4f6f9] |
| pass | 15.62:1 | 4.5 | tone muted: text on card [#1c2430 on #ffffff] |
| pass | 15.62:1 | 4.5 | tone muted: link on card (underlined foreground) [#1c2430 on #ffffff] |
| pass | 5.83:1 | 4.5 | tone muted: muted text on card [#5b6675 on #ffffff] |
| pass | 5.62:1 | 4.5 | tone muted: error text on card [#c62828 on #ffffff] |
| pass | 3.78:1 | 3 | tone muted: input border on card [#7a8494 on #ffffff] |
| pass | 5.62:1 | 3 | tone muted: invalid input border on card [#c62828 on #ffffff] |
| pass | 7.76:1 | 3 | tone muted: focus ring on card [#1f4fa3 on #ffffff] |
| pass | 7.76:1 | 3 | tone muted: primary button edge on card [#1f4fa3 on #ffffff] |
| pass | 14.30:1 | 4.5 | tone muted: text on muted fill [#1c2430 on #f3f5f8] |
| pass | 5.34:1 | 4.5 | tone muted: muted text on muted fill [#5b6675 on #f3f5f8] |
| pass | 7.76:1 | 4.5 | tone muted: primary button label [#ffffff on #1f4fa3] |
| pass | 6.17:1 | 4.5 | tone muted: primary button label (hover) [#ffffff on #3460ac] |
| pass | 13.79:1 | 4.5 | tone muted: secondary button label [#1c2430 on #eef1f5] |
| pass | 13.88:1 | 4.5 | tone muted: secondary button label (hover) [#1c2430 on #eff2f6] |
| pass | 7.76:1 | 4.5 | tone muted: highlight label (highlighted column, badge) [#ffffff on #1f4fa3] |
| pass | 14.43:1 | 4.5 | tone muted: selected pill (background on foreground) [#f4f6f9 on #1c2430] |
| pass | 16.40:1 | 4.5 | tone inverse: text on background [#ffffff on #16202e] |
| pass | 16.40:1 | 4.5 | tone inverse: link on background (underlined foreground) [#ffffff on #16202e] |
| pass | 10.03:1 | 4.5 | tone inverse: muted text on background [#c3cbd6 on #16202e] |
| pass | 7.19:1 | 4.5 | tone inverse: error text on background [#ff8a80 on #16202e] |
| pass | 5.52:1 | 3 | tone inverse: input border on background [#8a97a8 on #16202e] |
| pass | 7.19:1 | 3 | tone inverse: invalid input border on background [#ff8a80 on #16202e] |
| pass | 6.87:1 | 3 | tone inverse: focus ring on background [#7aa7ff on #16202e] |
| pass | 8.65:1 | 3 | tone inverse: primary button edge on background [#9dbcff on #16202e] |
| pass | 14.29:1 | 4.5 | tone inverse: text on card [#ffffff on #1f2b3c] |
| pass | 14.29:1 | 4.5 | tone inverse: link on card (underlined foreground) [#ffffff on #1f2b3c] |
| pass | 8.74:1 | 4.5 | tone inverse: muted text on card [#c3cbd6 on #1f2b3c] |
| pass | 6.26:1 | 4.5 | tone inverse: error text on card [#ff8a80 on #1f2b3c] |
| pass | 4.81:1 | 3 | tone inverse: input border on card [#8a97a8 on #1f2b3c] |
| pass | 6.26:1 | 3 | tone inverse: invalid input border on card [#ff8a80 on #1f2b3c] |
| pass | 5.99:1 | 3 | tone inverse: focus ring on card [#7aa7ff on #1f2b3c] |
| pass | 7.54:1 | 3 | tone inverse: primary button edge on card [#9dbcff on #1f2b3c] |
| pass | 14.29:1 | 4.5 | tone inverse: text on muted fill [#ffffff on #1f2b3c] |
| pass | 8.74:1 | 4.5 | tone inverse: muted text on muted fill [#c3cbd6 on #1f2b3c] |
| pass | 8.65:1 | 4.5 | tone inverse: primary button label [#16202e on #9dbcff] |
| pass | 7.26:1 | 4.5 | tone inverse: primary button label (hover) [#16202e on #90acea] |
| pass | 16.40:1 | 4.5 | tone inverse: secondary button label [#16202e on #ffffff] |
| pass | 12.12:1 | 4.5 | tone inverse: secondary button label (hover) [#16202e on #dcdee0] |
| pass | 7.76:1 | 4.5 | tone inverse: highlight label (highlighted column, badge) [#ffffff on #1f4fa3] |
| pass | 16.40:1 | 4.5 | tone inverse: selected pill (background on foreground) [#16202e on #ffffff] |
| pass | 13.53:1 | 4.5 | tone bookend: text on background [#1c2430 on #e9effa] |
| pass | 13.53:1 | 4.5 | tone bookend: link on background (underlined foreground) [#1c2430 on #e9effa] |
| pass | 5.05:1 | 4.5 | tone bookend: muted text on background [#5b6675 on #e9effa] |
| pass | 4.87:1 | 4.5 | tone bookend: error text on background [#c62828 on #e9effa] |
| pass | 3.27:1 | 3 | tone bookend: input border on background [#7a8494 on #e9effa] |
| pass | 4.87:1 | 3 | tone bookend: invalid input border on background [#c62828 on #e9effa] |
| pass | 6.72:1 | 3 | tone bookend: focus ring on background [#1f4fa3 on #e9effa] |
| pass | 6.72:1 | 3 | tone bookend: primary button edge on background [#1f4fa3 on #e9effa] |
| pass | 15.62:1 | 4.5 | tone bookend: text on card [#1c2430 on #ffffff] |
| pass | 15.62:1 | 4.5 | tone bookend: link on card (underlined foreground) [#1c2430 on #ffffff] |
| pass | 5.83:1 | 4.5 | tone bookend: muted text on card [#5b6675 on #ffffff] |
| pass | 5.62:1 | 4.5 | tone bookend: error text on card [#c62828 on #ffffff] |
| pass | 3.78:1 | 3 | tone bookend: input border on card [#7a8494 on #ffffff] |
| pass | 5.62:1 | 3 | tone bookend: invalid input border on card [#c62828 on #ffffff] |
| pass | 7.76:1 | 3 | tone bookend: focus ring on card [#1f4fa3 on #ffffff] |
| pass | 7.76:1 | 3 | tone bookend: primary button edge on card [#1f4fa3 on #ffffff] |
| pass | 15.62:1 | 4.5 | tone bookend: text on muted fill [#1c2430 on #ffffff] |
| pass | 5.83:1 | 4.5 | tone bookend: muted text on muted fill [#5b6675 on #ffffff] |
| pass | 7.76:1 | 4.5 | tone bookend: primary button label [#ffffff on #1f4fa3] |
| pass | 6.23:1 | 4.5 | tone bookend: primary button label (hover) [#ffffff on #335fac] |
| pass | 15.62:1 | 4.5 | tone bookend: secondary button label [#1c2430 on #ffffff] |
| pass | 15.29:1 | 4.5 | tone bookend: secondary button label (hover) [#1c2430 on #fcfdfe] |
| pass | 7.76:1 | 4.5 | tone bookend: highlight label (highlighted column, badge) [#ffffff on #1f4fa3] |
| pass | 13.53:1 | 4.5 | tone bookend: selected pill (background on foreground) [#e9effa on #1c2430] |
| pass | 10.25:1 | 4.5 | overlay: overlay text over a white photo at 85% scrim [#ffffff on #39414d] |
| pass | 10.25:1 | 4.5 | overlay: inverse text over a white photo at 85% scrim [#ffffff on #39414d] |
| pass | 6.27:1 | 4.5 | overlay: inverse muted text over a white photo at 85% scrim [#c3cbd6 on #39414d] |
| pass | 4.30:1 | 3 | overlay: inverse focus ring over a white photo at 85% scrim [#7aa7ff on #39414d] |
| pass | 17.28:1 | 4.5 | overlay: overlay text over a black photo at 85% scrim [#ffffff on #131b27] |
| pass | 17.28:1 | 4.5 | overlay: inverse text over a black photo at 85% scrim [#ffffff on #131b27] |
| pass | 10.56:1 | 4.5 | overlay: inverse muted text over a black photo at 85% scrim [#c3cbd6 on #131b27] |
| pass | 7.24:1 | 3 | overlay: inverse focus ring over a black photo at 85% scrim [#7aa7ff on #131b27] |