Skip to content

Latest commit

 

History

History
81 lines (68 loc) · 1.35 KB

color-token-contrast.md

File metadata and controls

81 lines (68 loc) · 1.35 KB
title
Color Token Contrast

The following are contrast safe combinations as calculated for normal text based on WCAG AA 4.5

color-surface

  • color-on-surface
  • color-on-red
  • color-on-yellow
  • color-on-blue
  • color-on-green
  • color-on-purple

color-on-surface

  • color-surface
  • color-red
  • color-yellow
  • color-blue
  • color-green
  • color-purple

color-red

  • color-on-surface
  • color-on-red
  • color-on-blue
  • color-on-purple

color-on-red

  • color-surface
  • color-red
  • color-yellow
  • color-green

color-yellow

  • color-on-surface
  • color-on-red
  • color-on-yellow
  • color-on-blue
  • color-on-green
  • color-on-purple

color-on-yellow

  • color-surface
  • color-yellow

color-blue

  • color-on-surface
  • color-on-blue
  • color-on-purple

color-on-blue

  • color-surface
  • color-red
  • color-yellow
  • color-blue
  • color-green

color-green

  • color-on-surface
  • color-on-red
  • color-on-blue
  • color-on-green
  • color-on-purple

color-on-green

  • color-surface
  • color-yellow
  • color-green

color-purple

  • color-on-surface
  • color-on-purple

color-on-purple

  • color-surface
  • color-red
  • color-yellow
  • color-blue
  • color-green
  • color-purple