CyanMid-toneVivid

Structural Blue

#0C99CC

Contrast at a glance

White text

3.26:1AA large

Black text

6.08:1AA

Open the contrast checker →

About Structural Blue

Structural Blue (#0C99CC) is a mid-tone vivid cyan. Its RGB value is 12, 153, 204 and its HSL value is 196°, 89%, 42%. Black text reads best on it, at a contrast ratio of 6.08:1 (WCAG AA). Below are ten tints and shades of Structural Blue, plus complementary, analogous, triadic, and split-complementary palettes built from it.

Tints

Open in Scales →

Shades

Open in Scales →

Harmonies

Complementary

#0C99CC · #CC3F0C

Analogous

#0CCC9F · #0C99CC · #0C39CC

Triadic

#0C99CC · #CC0C99 · #99CC0C

Split complementary

#0C99CC · #CC0C39 · #CC9F0C

Do more with Structural Blue

Build a palette around it, generate a scale, or check it for accessibility.

Start a palette Generate a scale Check contrast