A Word on Mobile
A good product is designed for the proper modality. This is why I've chosen to not displayed my design work in a mobile viewport. In order to get the best experience please view this website on a laptop or larger.
Airdrop or Share Link
Pssst, can you read this?
Well, according to WCAG 2.2 you can...
Hard to read color combinations and thin fonts are fair game too.
In short, today's contrast standards aren't without flaws. Hue, font-size, and font-weight are completely absent from the equation.

The APCA aims to change that...
Figma Contrast Plugin
3 min. read
Product Designer:
Myself
Original Creator:
Alex Carr
Plugin Developer:
Ashot Pahlevanyan
Contrast was created to allow designers and developers can quickly select a layer and get the WCAG 2.2 contrast ratio.

In 2023, I added a Beta version of the APCA algorithm to the plugin which incorporates font-size, font-weight, and hues of both foreground and background.
APCA
Dolor purus non enim praese
Pellentesque massa placerat duis ultricies lacus sed turpis tincidunt`
Imperdiet nulla malesuada pellentesque elit eget gravida cum sociis natoque. Sed viverra ipsum nunc aliquet. Nam libero justo laoreet sit. Nunc pulvinar sapien et ligula ullamcorper malesuada. Urna cursus eget nunc scelerisque viverra mauris in aliquam sem. Augue neque gravida in fermentum et sollicitudin ac orci phasellus.

Parturient montes nascetur ridiculus mus mauris. Nec ullamcorper sit amet risus nullam eget. Et netus et malesuada fames ac turpis egestas. Aliquet nec ullamcorper sit amet. Sapien et ligula ullamcorper malesuada. Lorem ipsum dolor sit amet consectetur. Mauris pellentesque pulvinar pellentesque habitant morbi tristique senectus.
Aliquam eleifend mi in nulla posuere sollicitudin aliquam ultrices sagittis. Vel fringilla est ullamcorper eget nulla facilisi.
WCAG 2
Dolor purus non enim praese
Pellentesque massa placerat duis ultricies lacus sed turpis tincidunt`
Imperdiet nulla malesuada pellentesque elit eget gravida cum sociis natoque. Sed viverra ipsum nunc aliquet. Nam libero justo laoreet sit. Nunc pulvinar sapien et ligula ullamcorper malesuada. Urna cursus eget nunc scelerisque viverra mauris in aliquam sem. Augue neque gravida in fermentum et sollicitudin ac orci phasellus.

Parturient montes nascetur ridiculus mus mauris. Nec ullamcorper sit amet risus nullam eget. Et netus et malesuada fames ac turpis egestas. Aliquet nec ullamcorper sit amet. Sapien et ligula ullamcorper malesuada. Lorem ipsum dolor sit amet consectetur. Mauris pellentesque pulvinar pellentesque habitant morbi tristique senectus.
Aliquam eleifend mi in nulla posuere sollicitudin aliquam ultrices sagittis. Vel fringilla est ullamcorper eget nulla facilisi.