Accent Colours
- $color-blue-lighten-15#859BEC
- $color-blue-lighten-10 #6F89E9
- $color-blue-lighten-5#5977E5
- $blue#4365E2
- $color-blue-darken-5 #2D53DF
- $color-blue-darken-10#2046D2
- $color-blue-darken-15#1D3FBC
Usage
- Logos
- Core brand components
- Small background areas
- Links
- Navigation
- Large background areas
- Headings (unless linked)
- Buttons
- Core brand elements for Duncan of Jordanstone College of Art & Design
Accessibility
White
- Contrast ratio 5
- WCAG 2 AA Compliant Passed
- WCAG 2 AA Compliant(18pt+) Passed
- WCAG 2 AAA Compliant Failed
- WCAG 2 AAA Compliant(18pt+) Passed
Use blue on background white
Use background white on blue
Grey
- Contrast ratio 2.24:1
- WCAG 2 AA Compliant Failed
- WCAG 2 AA Compliant(18pt+) Failed
- WCAG 2 AAA Compliant Failed
- WCAG 2 AAA Compliant(18pt+) Failed
Avoid blue on grey
Avoid grey on blue
Background blue
- Contrast ratio 3.78:1
- WCAG 2 AA Compliant Passed
- WCAG 2 AA Compliant(18pt+) Passed
- WCAG 2 AAA Compliant Failed
- WCAG 2 AAA Compliant(18pt+) Passed
Use blue on background blue
Avoid using background colours on blue
Background grey
- Contrast ratio 3.86:1
- WCAG 2 AA Compliant Failed
- WCAG 2 AA Compliant(18pt+) Passed
- WCAG 2 AAA Compliant Failed
- WCAG 2 AAA Compliant(18pt+) Failed
Use blue on background grey
Avoid using background colours on blue
Background red
- Contrast ratio 3.44:1
- WCAG 2 AA Compliant Failed
- WCAG 2 AA Compliant(18pt+) Passed
- WCAG 2 AAA Compliant Failed
- WCAG 2 AAA Compliant(18pt+) Failed
Use blue on background red
Avoid using background colours on blue
Background green
- Contrast ratio 3.84:1
- WCAG 2 AA Compliant Failed
- WCAG 2 AA Compliant(18pt+) Passed
- WCAG 2 AAA Compliant Failed
- WCAG 2 AAA Compliant(18pt+) Failed
Use blue on background green
Avoid using background colours on blue
Background yellow
- Contrast ratio 4.33:1
- WCAG 2 AA Compliant Failed
- WCAG 2 AA Compliant(18pt+) Passed
- WCAG 2 AAA Compliant Failed
- WCAG 2 AAA Compliant(18pt+) Failed
Use blue on background yellow
Avoid using background colours on blue
Background cream
- Contrast ratio 4.82:1
- WCAG 2 AA Compliant Passed
- WCAG 2 AA Compliant(18pt+) Passed
- WCAG 2 AAA Compliant Failed
- WCAG 2 AAA Compliant(18pt+) Passed
Use blue on background cream
Avoid using background colours on blue
