Cyan and Yellow Color Scheme Examples: How to Use Them for Headings and Emphasis in Presentations

Cyan and yellow are both bright, attention-grabbing colors. If you use them equally for presentation headings and highlighted information, however, the visual hierarchy can become unclear. The key is to give each color a specific job. These two palettes show how to combine them on a white report slide and a dark title slide.

Use cyan for headings and yellow for important points

Cyan is a bright blue-green, while yellow is a bright warm hue. In HEX notation—a hexadecimal code used to specify a screen color—vivid cyan is ■#00FFFF and vivid yellow is ■#FFFF00. Neither works well as small text directly on white ■#FFFFFF: the contrast ratio, a measurement of lightness difference, is only about 1.25:1 for cyan and 1.07:1 for yellow.

On a light slide, darken cyan for the headings and use yellow behind a key number or takeaway rather than as the text color itself. On a dark cover, a lighter cyan can return as the headline, while a short yellow label draws attention to one point. Keep the body text in a consistent, quieter color so readers can tell the elements apart.

Two slide palettes with clear color roles

White report slide: use dark cyan for headings

Set the background to white ■#FFFFFF, headings to deep cyan ■#006B7C, and body text to dark blue-gray ■#24313A. The heading has approximately 6.19:1 contrast against white, and the body text has about 13.33:1. This gives the headings a distinct cyan character while preserving more legible letterforms than vivid cyan on white.

Put only the main conclusion or an important number inside a small pale-yellow ■#FFF0A8 box. Use the same dark blue-gray ■#24313A for its text: the contrast ratio is approximately 11.60:1. Because pale yellow differs from white by only about 1.15:1, add a dark gray-blue ■#586B72 border when a clear boundary matters. A label such as “Key takeaway” provides an additional cue beyond color.

Dark title slide: make bright cyan the focus

For the cover of a proposal, try a deep blue-gray ■#152B38 background and a large bright-cyan ■#43F0EB title, which provides approximately 10.39:1 contrast. Supporting details such as the presenter or date can use soft white ■#F4F7F8, achieving approximately 13.60:1 against the same background.

Place one short phrase or the date inside a yellow ■#FFE066 label, using the background’s dark blue-gray ■#152B38 as the label’s text color. This pairing gives about 11.23:1 contrast. Keep the yellow area small and a little apart from the cyan title, rather than letting both colors compete across the whole slide.

Fix clashes and check the final presentation

Vivid cyan ■#00FFFF and yellow ■#FFFF00 contrast with each other by only about 1.17:1. They should not be the sole way to distinguish adjacent information. If you use both in a chart, add labels, different line patterns, and sufficient spacing. For projected slides, also test the colors in a bright room or on a smaller display.

WCAG 2.2 (Web Content Accessibility Guidelines) Level AA sets a minimum text contrast ratio of 4.5:1 for normal-sized text and 3:1 for large text. These web-content thresholds are useful checks when designing slides, but they do not by themselves establish that a whole presentation is accessible. HueRoll can suggest related colors from HEX input and show contrast between the selected color and white or black. It cannot check arbitrary color pairs, so verify the actual foreground and background combinations separately before finishing.