Color meaning

True Blue

Introducing True Blue (#0073CF), a bright, clean azure shade. Its clarity gives storefronts a dependable, trustworthy feel, while its saturation makes it a strong choice for add-to-cart buttons, links, and sale banners that need to pull the eye without shouting.

#0073CFHSL 207, 100%, 41%

True Blue code conversions

HEX
#0073CF
RGB
rgb(0, 115, 207)
HSL
hsl(207, 100%, 41%)
HSB
hsb(207, 100%, 81%)
CMYK
cmyk(100%, 44%, 0%, 19%)

True Blue color harmonies

Analogous

Neighbors on the color wheel: a calm, low-contrast set that reads as one family.

Complementary

The hue directly opposite: maximum contrast for an accent that pops.

Split Complementary

The complement's two neighbors: strong contrast with less tension than a straight complement.

Triadic

Three hues evenly spaced: balanced and vivid without a single dominant color.

Tetradic

Two complementary pairs: a rich four-color scheme that needs one color to lead.

Square

Four hues evenly spaced: bold and balanced, best with one anchor and three accents.

True Blue contrast

Your catchy large text

Small body copy sitting on True Blue.

4.82:1White textAA passAAA fail

Your catchy large text

Small body copy sitting on True Blue.

3.91:1Black textAA failAAA fail

True Blue color variations

Shades

Mixed toward black: deeper steps for backgrounds and hover states.

Tints

Mixed toward white: softer steps for surfaces and disabled states.

Tones

Mixed toward gray: muted, sophisticated steps that lower the intensity.

Hues

Rotated around the wheel: related hues at the same lightness and saturation.

Brands that use colors like True Blue

Matched by color distance against real palettes extracted from live storefronts.

Vineyard Vines
#237bba
Reebok
#28417e

Related blue colors

NavySky BlueTeal

True Blue: frequently asked

What color is True Blue?

True Blue (#0073CF) is a medium azure blue with high saturation and a slightly cool cast. In e-commerce interfaces it reads as crisp and confident, sitting between a deeper navy and a lighter sky blue.

What is the meaning of True Blue?

True Blue signals trust, security, and reliability. Brands reach for it when they want customers to feel safe sharing details and confident clicking through checkout.

How do I use True Blue (#0073CF) in e-commerce design?

Use True Blue for primary CTAs, active links, and selected states, and pair it with white or light grey to keep labels legible. Reserve it for the actions you want shoppers to take, not large background fills.

Using True Blue color codes

Copy True Blue in HEX, RGB, HSL, HSB, and CMYK below to match it across your web store, app, and packaging.

Colors are just the start

See these colors at work in real, looping storefront captures. The whole library is free to browse.

Browse the librarySee pricing

Free to browse · Pro unlocks the MCP