Accessible Reds and Oranges

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.
Accessible Reds and Oranges, WCAG, Level AA
Background Color Swatch Hex Code RGB White Text Size Black Text Size
Moorehead Red Color Swatch #a6192e 166, 25, 46 Large & Small Not Accessible
CS Red 1 Color Swatch #b50000 181, 0, 0 Large & Small Not Accessible
Another Orange Red Color Swatch #c80a00 200, 10, 0 Large & Small Large Only
Yellow Never Looks Good Color Swatch #cf8102 207, 129, 2 Large Only Large & Small
Oneota Red Color Swatch #d53e42 213, 62, 66 Large & Small Large & Small
Oregon Orange Color Swatch #d73f09 215, 63, 9 Large & Small Large & Small
Forgotten Red Color Swatch #d8151b 216, 21, 27 Large & Small Large Only
2% / 1% Orange Color Swatch #db3900 219, 57, 0 Large & Small Large & Small
CRCL Red Dark Color Swatch #dd3333 221, 51, 51 Large & Small Large & Small
Perkins Red Color Swatch #eb0051 235, 0, 81 Large & Small Large & Small
BC Orange Color Swatch #ec1109 236, 17, 9 Large & Small Large & Small

Leave a Reply

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