Carlingford Chiropractic Centre has its own special 'black' and 'white' colours. Mixing them in different proportions gives us our own special grayscale of neutral tones. You should also use Carlingford Chiropractor Centre's own white and black colours when creating tint and shade variations of its main brand colours — check out the section below for help creating tints and shades of our colours.
ccc white
original
A A A1.00
12.80 A A A
ccc black
original
A A A1.00
12.80 A A A
Understanding Contrast Ratios
Often, when applying colours to your design elements, you will want to ensure that there is sufficient contrast for text be legible, as well as for icons and logos to be clearly seen. This is specially important if targeting audiences that may have visual issues.
The contrast ratio between 2 colours can be measured on a scale from 1 (no contrast at all) to 21 (maximum contrast between total white and total black). In order for large heading text to be legible, and large visual elements to be identifiable, there must be a contrast ratio of at least 4.5. This is considered a "AA" contrast rating. For normal body text and smaller design elements, a contrast ratio of at least 7 is required — that is a "AAA" rating.
At the bottom of the colour cards on this page, you will see 2 contrast rating labels. As you move the slider, you will be mixing the base colour of the card with either our brand black or brand white, which will give you a new colour. The contrast ratio and rating of the current colour against the brand white is shown in the bottom left label. The bottom right label shows you the contrast ratio and rating agains our brand black.
Brand Colours
In all our materials, use Carlingford Chiropractic Centre beige — i.e., our primary colour — as the main choice for background. This includes also using gradients, textures and patterns where our neutral tones and red are the dominant colours. Our secondary colour and neutral tones can be used as alternative background colours. Our black and white colours should always be the first choice for the colour of body text, in order to always ensure maximum contrast and readability.
Our major accent colour can also be used as alternative background colours, for call-to-action sections and sidebars, or where a visual break is needed. Our black, white and major accent colours can also be used to style headings, links, form fields, buttons, and other interactive elements. The minor accent colour should be used very sparingly — for example, on hover states of links and buttons, in small separator lines, minor headings and other minimal design elements.
In the cards below, moving the slider to the left will allow you to add our brand white to the base colour, creating an on-brand tint variation. Moving the slider to the left adds our brand black and creates an on-brand shade variation. Always make sure the contrast ratings of the colour you are creating are suitable for your specific usage.
primary
A A A1.00
12.80 A A A
secondary
A A A1.00
12.80 A A A
major accent
A A A1.00
12.80 A A A
minor accent
A A A1.00
12.80 A A A
Gradients
Use the gradient tool below to create linear or radial gradients using our brand colours. Add and remove colour stops, set transparency levels on each stop and invert the order of colours, if needed. Change the direction of the gradient by hovering over the gradient preview and clicking on a direction point. Finally, you can export your brand-safe gradients as SVG files, which you can open in graphic design programs, or as high resolution bitmap files (in PNG, WebP or AVIF formats) that can be imported into most apps. Web Developers can also copy the gradient as CSS code, so it can be pasted directly into your CSS stylesheets.