Color

Our brand colors connect us to our history and bring energy and consistency to our communications. Henry Community Health’s core colors are supported by a new secondary palette that modernizes our brand and allows for a greater range of expression.

Core palette

Color	Digital	Print
Dark blue	Web RGB: 0, 62, 118 HEX: #003E76	Print CMYK: 100, 78, 29, 19 PMS 541
Green	Web RGB: 167, 169, 118 HEX: #A7A976	Print CMYK: 37, 24, 65, 1 PMS 5777
Light blue	Web RGB: 186, 224, 255 HEX: #BAE0FF	Print CMYK: 27, 12, 0, 0 PMS 290 C
Medium blue	Web RGB: 99, 173, 241 HEX: #63ADF1	Print CMYK: 59, 28, 0, 0 PMS 2915 C
White	Web RGB: 255, 255, 255 HEX: #FFFFFF	Print CMYK: 0, 0, 0, 0

Expanded palette

Color	Digital	Print
Dark coral	Web RGB: 234, 95, 67 HEX: #EA5F43	Print CMYK: 0, 72, 81, 8 PMS 7417 C
Middle coral	Web RGB: 248, 125, 92 HEX: #F87D5C	Print CMYK: 0, 65, 67, 3 PMS 7416 C
Light coral	Web RGB: 254, 236, 231 HEX: #FEECE7	Print CMYK: 0, 7, 9, 0 PMS 705 C
Teal	Web RGB: 117, 201, 195 HEX: #75C9C3	Print CMYK: 42, 0, 14, 21 PMS 3245 C

Usage

For printing, it’s best to use CMYK. For a large print run with minimal colors or specialty print methods, it’s recommended to use the Pantone Matching System (PMS) spot colors.

For web, use the HEX values (#xxxxxx) and for digital applications, use RGB. Note that colors may vary on different computers/devices, due to inconsistent monitor color calibration.

Palette application and usage notes

The Henry Community Health color palette builds on the warmth and optimism of its coral and gold tones. Gradients play a key role in adding depth and energy to the brand’s look.

The logo’s green was intentionally omitted from current designs to maintain visual balance and warmth.
Coral borders used for hover states are set at 5px to ensure consistency across interfaces.
Gradients are a defining feature of the visual system. When developing new materials, incorporate them thoughtfully to extend the brand’s layered, modern aesthetic.
The primary gradient used on the homepage transitions from coral to a light gold tone (#F2F2C2).

Color usage scale

Color is a powerful tool. It can draw attention, create harmony, enhance readability, and set a tone. Consistent, balanced use of Henry Community Health’s colors in design projects makes our brand more recognizable and memorable, helping us maintain a strong visual identity.

Color contrast

Color accessibility is important because it ensures that everyone, including people with visual impairments or color vision deficiencies, can perceive and distinguish information presented in various color combinations.

Color contrast is defined as the difference between two colors when they are placed next to each other. It is important because it affects legibility and readability of text, as well as the overall comprehension of content for people with visual impairments or color vision deficiencies.

Contrast is typically measured using what’s known as the contrast ratio, a numerical value that represents the relative difference in luminance (brightness) between two colors. The contrast ratio is calculated by comparing the luminance of the foreground color (such as text) to that of the background color (such as the background of a webpage).

The Web Content Accessibility Guidelines (WCAG) provide specific criteria for contrast ratios to ensure that text is easily readable for a wide range of users. The current WCAG 2.1 standard recommends a minimum contrast ratio of 4.5:1 for normal text and 3:1 for large text (typically 18 pt or 14 pt bold). For enhanced accessibility, the WCAG AAA level requires a contrast ratio of 7:1 for normal text and 4.5:1 for large text.

By ensuring sufficient contrast between foreground and background colors, we make it easier for all users to perceive and understand the information being presented.

Accessibility Contrast Grid

Background Text	#FFFFFF	#000000	#9D9D9D	#63ADF1	#003E76	#001F3A	#BAE0FF	#D3ECFF	#EBF6FF	#EA5F43	#F87D5C	#FEECE7	#75C9C3	#A7A976	#F2F2C2
White #FFFFFF		Text AAA 21	Text DNP 2.7	Text DNP 2.3	Text AAA 10	Text AAA 16.7	Text DNP 1.3	Text DNP 1.2	Text DNP 1.1	Text AA18 3.3	Text DNP 2.6	Text DNP 1.1	Text DNP 1.9	Text DNP 2.4	Text DNP 1.1
Black #000000	Text AAA 21		Text AAA 7.7	Text AAA 8.7	Text DNP 1.9	Text DNP 1.2	Text AAA 15.1	Text AAA 17.2	Text AAA 19.1	Text AA 6.2	Text AAA 8	Text AAA 18.3	Text AAA 10.9	Text AAA 8.5	Text AAA 18.2
Gray (web) #9D9D9D	Text DNP 2.7	Text AAA 7.7		Text DNP 1.1	Text AA18 3.9	Text AA 6.1	Text DNP 1.9	Text DNP 2.2	Text DNP 2.4	Text DNP 1.2	Text DNP 1	Text DNP 2.3	Text DNP 1.4	Text DNP 1.1	Text DNP 2.3
Medium blue #63ADF1	Text DNP 2.3	Text AAA 8.7	Text DNP 1.1		Text AA 4.5	Text AA 6.9	Text DNP 1.7	Text DNP 1.9	Text DNP 2.1	Text DNP 1.4	Text DNP 1	Text DNP 2	Text DNP 1.2	Text DNP 1	Text DNP 2
Dark Blue #003E76	Text AAA 10	Text DNP 1.9	Text AA18 3.9	Text AA 4.5		Text DNP 1.5	Text AAA 7.7	Text AAA 8.8	Text AAA 9.8	Text AA18 3.1	Text AA18 4.1	Text AAA 9.4	Text AA 5.5	Text AA18 4.4	Text AAA 9.3
Darkest blue (web) #001F3A	Text AAA 16.7	Text DNP 1.2	Text AA 6.1	Text AA 6.9	Text DNP 1.5		Text AAA 12	Text AAA 13.6	Text AAA 15.2	Text AA 4.9	Text AA 6.4	Text AAA 14.6	Text AAA 8.6	Text AA 6.8	Text AAA 14.5
Light blue #BAE0FF	Text DNP 1.3	Text AAA 15.1	Text DNP 1.9	Text DNP 1.7	Text AAA 7.7	Text AAA 12		Text DNP 1.1	Text DNP 1.2	Text DNP 2.4	Text DNP 1.8	Text DNP 1.2	Text DNP 1.3	Text DNP 1.7	Text DNP 1.2
Lighter blue (web) #D3ECFF	Text DNP 1.2	Text AAA 17.2	Text DNP 2.2	Text DNP 1.9	Text AAA 8.8	Text AAA 13.6	Text DNP 1.1		Text DNP 1.1	Text DNP 2.7	Text DNP 2.1	Text DNP 1	Text DNP 1.5	Text DNP 2	Text DNP 1
Lightest blue (web) #EBF6FF	Text DNP 1.1	Text AAA 19.1	Text DNP 2.4	Text DNP 2.1	Text AAA 9.8	Text AAA 15.2	Text DNP 1.2	Text DNP 1.1		Text AA18 3	Text DNP 2.3	Text DNP 1	Text DNP 1.7	Text DNP 2.2	Text DNP 1
Dark coral #EA5F43	Text AA18 3.3	Text AA 6.2	Text DNP 1.2	Text DNP 1.4	Text AA18 3.1	Text AA 4.9	Text DNP 2.4	Text DNP 2.7	Text AA18 3		Text DNP 1.3	Text DNP 2.9	Text DNP 1.7	Text DNP 1.3	Text DNP 2.9
Middle coral #F87D5C	Text DNP 2.6	Text AAA 8	Text DNP 1	Text DNP 1	Text AA18 4.1	Text AA 6.4	Text DNP 1.8	Text DNP 2.1	Text DNP 2.3	Text DNP 1.3		Text DNP 2.2	Text DNP 1.3	Text DNP 1	Text DNP 2.2
Light coral #FEECE7	Text DNP 1.1	Text AAA 18.3	Text DNP 2.3	Text DNP 2	Text AAA 9.4	Text AAA 14.6	Text DNP 1.2	Text DNP 1	Text DNP 1	Text DNP 2.9	Text DNP 2.2		Text DNP 1.6	Text DNP 2.1	Text DNP 1
Teal #75C9C3	Text DNP 1.9	Text AAA 10.9	Text DNP 1.4	Text DNP 1.2	Text AA 5.5	Text AAA 8.6	Text DNP 1.3	Text DNP 1.5	Text DNP 1.7	Text DNP 1.7	Text DNP 1.3	Text DNP 1.6		Text DNP 1.2	Text DNP 1.6
Green #A7A976	Text DNP 2.4	Text AAA 8.5	Text DNP 1.1	Text DNP 1	Text AA18 4.4	Text AA 6.8	Text DNP 1.7	Text DNP 2	Text DNP 2.2	Text DNP 1.3	Text DNP 1	Text DNP 2.1	Text DNP 1.2		Text DNP 2.1
Light yellow (web) #F2F2C2	Text DNP 1.1	Text AAA 18.2	Text DNP 2.3	Text DNP 2	Text AAA 9.3	Text AAA 14.5	Text DNP 1.2	Text DNP 1	Text DNP 1	Text DNP 2.9	Text DNP 2.2	Text DNP 1	Text DNP 1.6	Text DNP 2.1
AAA Pass, AAA (7+) AA Pass, AA (4.5+) AA18 Pass, Large Text Only (3+) DNP Does Not Pass About WCAG 2.0 contrast