Dark Blue
#001871
✓ WCAG AA
✓ WCAG AAA
Contrast Ratios
- White (#FEFEFE):15.21:1 (AAA)
Usage
Primary brand color
Notes
JCA official brand colour. Contrast with white: 15.21:1
JCA Official Accessibility Colour Guide
Official JCA brand colour palette with complete WCAG 2.1 accessibility analysis. All colours have been tested for contrast ratios and compliance with accessibility standards.
Light Blue
#0072CE
✓ WCAG AA
✗ WCAG AAA
Contrast Ratios
- White (#FEFEFE):4.84:1 (AA)
- Dark Blue (#001871):3.14:1 (FAIL)
Usage
Secondary blue
Notes
JCA official brand colour. Contrast with white: 4.84:1
Pink
#F04E98
✗ WCAG AA
✗ WCAG AAA
Contrast Ratios
- White (#FEFEFE):3.33:1 (FAIL)
- Dark Blue (#001871):4.56:1 (AA)
Usage
Accent color
Notes
JCA official brand colour. Contrast with white: 3.33:1
Light Pink
#F99FC9
✗ WCAG AA
✗ WCAG AAA
Contrast Ratios
- White (#FEFEFE):1.92:1 (FAIL)
- Dark Blue (#001871):7.91:1 (AAA)
Usage
Light accent
Notes
JCA official brand colour. Contrast with white: 1.92:1
Red
#F0252D
✗ WCAG AA
✗ WCAG AAA
Contrast Ratios
- White (#FEFEFE):4.16:1 (FAIL)
- Dark Blue (#001871):3.66:1 (FAIL)
Usage
Alerts/emphasis
Notes
JCA official brand colour. Contrast with white: 4.16:1
Gold
#AA8532
✗ WCAG AA
✗ WCAG AAA
Contrast Ratios
- White (#FEFEFE):3.41:1 (FAIL)
- Dark Blue (#001871):4.46:1 (FAIL)
Usage
Accent/success
Notes
JCA official brand colour. Contrast with white: 3.41:1
Gray
#25282A
✓ WCAG AA
✓ WCAG AAA
Contrast Ratios
- White (#FEFEFE):14.71:1 (AAA)
- Dark Blue (#001871):1.03:1 (FAIL)
Usage
Text/backgrounds
Notes
JCA official brand colour. Contrast with white: 14.71:1
White
#FEFEFE
✗ WCAG AA
✗ WCAG AAA
Contrast Ratios
- Dark Blue (#001871):15.21:1 (AAA)
Usage
Backgrounds/text
Notes
JCA official brand colour. Contrast with white: 1.00:1