Pacific Blue

#1ca9c9

Softer cyan-leaning blue for calm, readable UI

Save
Share

About Pacific Blue

Pacific looks like a crisp pool edge at noon, not the glossy kind. It has a steadier, slightly deeper cyan-lean that feels more controlled than the brighter -green accents nearby.

Compared to , it dials down that extra warmth and keeps the teal from getting too friendly. It also reads cooler and more saturated than , which stays lighter and more supportive. This shade lands in the sweet spot where attention is earned, not begged. I use it for health dashboards and fintech platforms where you need a primary accent that stays confident on light UIs: active buttons, key data highlights, and prominent links that should feel current without turning electric. It's the one you reach for when your interactive states need clarity and punch but your design still has to feel composed.

Quirk: on very warm screens it can drift toward a clean sky- direction, so check it against your grays and dividers before you lock the system.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

Code snippets

Copy this color into your project.

Contrast checker

WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.

On White #ffffff

Aa
2.77:1Fail

On Gray 100 #f5f5f5

Aa
2.55:1Fail

On Gray 900 #18181b

Aa
6.38:1AAAAA Large

On Black #000000

Aa
7.57:1AAA

Variations

Shades

Darker variations, created by mixing toward black.

Tints

Lighter variations, created by mixing toward white.

Tones

Muted variations, created by reducing saturation.

Hues

Hue rotations around the color wheel.

Temperatures

Warm and cool shifts of this color.

Color harmonies

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

#36a5c9
#2db0ce
#59a4c1
#009dc4

Create a gradient with Pacific Blue

Open the generator with this color pre-loaded.

Start creating