Colour pairings that stay readable

GFCH / 5-2035 · Ensam Nou Capav

Use dark text on light backgrounds and white text on navy or blue. Keep bright palette colours for accents and fills. These pairs each exceed 4.5:1 for normal-sized text.

Body text

Text #1F3864 on #FFFFFF
11.62:1

Dark panels

Text #FFFFFF on #1F3864
11.62:1

Primary buttons

Text #FFFFFF on #1A206B
14.36:1

Orange panels

Text #1F3864 on #F79646
5.20:1

Teal panels

Text #1A206B on #4BACC6
5.48:1

Green panels

Text #16202B on #00A551
5.10:1

Three practical checks

Teal and orange text on white are too faint. Use navy or blue text instead.
White text on the green, orange, yellow or red brand fill is not a default normal-text pairing. Use one of the pairings above.
Check the final layout: a photograph, transparency or a different background changes the result.

Colour alone must not carry the message. Keep labels, lines and hierarchy clear. Presentation family: Trebuchet MS. Website: DM Sans and Inter.

Current brand guidelines