< Back to Style Guide
Color Selection
Color Selection
Color contrast plays a crucial role in ensuring that all users, regardless of visual abilities, can access and navigate our website content effectively. In line with our commitment to inclusivity and accessibility, we recognize the importance of adhering to WCAG (Web Content Accessibility Guidelines) standards to provide an optimal user experience for everyone.
Teal
#2697B7
Blue
#194588
Navy
#1C2F3D
Orange
#CC4927
Sherbet
#EDBA75
Grey
#535353
Light Grey
#E8E8E8
Black
#000000
Color Contrast Compliance
Effective color contrast is fundamental for enhancing readability and usability, especially for individuals with visual impairments or color vision deficiencies. By selecting appropriate color combinations that meet WCAG AA compliance, we aim to create a website that is accessible to a diverse range of users.
| Foreground | Teal | Q | Q | Q | Q | Q | Q | Q | R | s | |
| Blue | Q | Q | Q | Q | R | Q | R | Q | R | ||
| Navy | s | Q | Q | Q | R | Q | R | Q | R | ||
| Orange | Q | Q | Q | Q | Q | Q | s | R | R | ||
| Sherbet | Q | R | R | Q | Q | s | Q | R | Q | ||
| Grey | Q | Q | Q | Q | s | Q | R | Q | R | ||
| Light Grey | Q | R | R | s | Q | R | Q | R | Q | ||
| Black | R | Q | Q | R | R | Q | R | Q | R | ||
| White | s | R | R | R | Q | R | Q | R | Q | ||
| Teal | Blue | Navy | Orange | Sherbet | Grey | Light Grey | Black | White | |||
| Background | |||||||||||