What Colors Go with Light Blue? Color Combinations That Give Fresh Blue a Clean, Crisp Look [#88A2F2]

Light Blue (■#88A2F2) is a bright, fresh blue. In a customer-support ticket dashboard, it can work well when reserved for the selected ticket, the primary “Send reply” button, and short accents such as the current ticket number. This keeps the blue clean and crisp while subjects, assignees, received times, and ticket status remain easy to organize. This example pairs it with Deep Navy, Ice White, and Muted Terracotta.

Use Deep Navy to anchor the blue, then separate roles with white and terracotta

One practical palette for ■#88A2F2 uses Deep Navy ■#243044 for the selected-ticket detail panel, Ice White ■#F6F8FC for the ticket list and message cards, and Muted Terracotta ■#6B4E3D for secondary actions such as viewing history or changing the assignee.

■#243044 is a dark, low-saturation navy that strengthens text and outlines while letting Light Blue remain bright. ■#F6F8FC is a very light blue-white that keeps a long ticket list visually light. ■#6B4E3D is a subdued reddish brown. Its hue—the basic color family such as red, blue, or green—is farther from blue, helping secondary actions such as “View history” or “Change assignee” stay separate from the primary reply action.

In ticket management, concentrate Light Blue on the selected case and reply action

Use ■#F6F8FC for the ticket list and message-card backgrounds, with ■#243044 for the subject, customer name, received time, assignee, and message text. The contrast ratio—the numerical difference in relative brightness between foreground and background—is about 12.49:1 for this pair.

Set the selected-ticket detail panel to ■#243044 and use ■#88A2F2 for the primary “Send reply” button, the current ticket number, and a short accent near the reply field. With ■#243044 for the button text and icon, the contrast ratio is about 5.37:1, above the 4.5:1 minimum for normal-size text. The Light Blue button surface against the Deep Navy panel is also about 5.37:1, so the primary control can be distinguished from the dark surface.

If ■#88A2F2 marks the selected ticket on a light ■#F6F8FC list, the two colors differ by only about 2.32:1. Do not rely on the fill alone: add a ■#243044 border, a “Selected” label, and a check icon. For secondary actions such as “View history” or “Change assignee,” use ■#6B4E3D as the button background with ■#FFFFFF text. That pair is about 7.55:1, and Muted Terracotta against Ice White is about 7.10:1.

WCAG (Web Content Accessibility Guidelines) 2.2 requires at least 4.5:1 contrast for normal-size text. Visual information needed to identify meaningful UI (user interface) components should have at least 3:1 contrast against adjacent colors.

For a clean, crisp look, avoid white text and color-only ticket states

■#88A2F2 against ■#FFFFFF has a contrast ratio of about 2.47:1, so normal-size white text on the Light Blue background does not reach the 4.5:1 minimum. In this example, the primary button therefore uses ■#243044 for its text.

Also avoid distinguishing states such as “Unassigned,” “In progress,” and “Resolved” by color alone. Pair each state with a written label, the assignee name, and an icon such as a check or clock. In HueRoll, you can enter ■#88A2F2 as a HEX code (a web color code beginning with #), review related colors and palette suggestions, and check the selected color against white and black. HueRoll does not compare arbitrary pairs of colors or automatically determine WCAG AA or AAA conformance, so the pairwise contrast ratios in this article were calculated separately.