Accessible Blues

Color contrast is not just about choosing the right colors, it is also about choosing the right text size. Some colors only work for large text while others can work for small and large text

  • Small Text: There is no definition for small text. 12 pt (16 px) is the best practice for smallest accessible text size.
  • Large text: 18 pt (24 px) or larger, 14 pt bold (18 px) or larger.
WCAG Accessible Blues, WCAG, Level AA
Background Color Swatch Hex Code RGB White Text Size Black Text Size
TCTC Blue Color Swatch #007eb3 0, 126, 179 Small & Large Small & Large
Akea Blue Color Swatch #0c79c5 12, 121, 197 Small & Large Small & Large
AMCE Blue Color Swatch #128086 18, 128, 16 Small & Large Large Only
(Not Recommended)
OLEB Blue Color Swatch #4f71c5 79, 113, 197 Small & Large Small & Large

 

Leave a Reply

Your email address will not be published. Required fields are marked *