Columbia Blue
Columbia Blue, #9BDDFF, is a strikingly clear and bright shade of cyan-blue. Its high brightness and pure hue give it a clean, digital-native quality that feels both refreshing and modern, making it a standout choice for contemporary interface design.
What color is Columbia Blue?
Columbia Blue (#9BDDFF) is a pale, cool-toned shade of sky blue. It has a light and airy quality, reminiscent of a clear morning sky.
As a tint of azure, the color is defined by its high brightness and moderate saturation. This composition gives it a gentle appearance with distinct cool undertones.
What is the meaning of Columbia Blue in design?
Named for Columbia University, this shade of blue carries a sense of tradition and calm. It evokes feelings of serenity, stability, and trustworthiness, making it a reliable and peaceful hue.
Symbolically, Columbia Blue represents clarity of thought and open communication. For designers, it can bring a feeling of freshness and gentle optimism to a project.
What are some effective ways to use Columbia Blue in UI design?
Columbia Blue (#9BDDFF) works beautifully as a primary background or a subtle accent. For strong visual hierarchy and accessible text, pair it with deep charcoals, navies, or even a warm, earthy tone for contrast. Consider applying the 60-30-10 rule, using Columbia Blue as the dominant color to create a serene and open atmosphere, balanced with a neutral secondary and a striking accent.
While not widely adopted in corporate branding, its rarity is an advantage, offering a chance to build a distinct visual identity. Apps like Artifact and Flighty use similar light blues to achieve a clean, focused interface, demonstrating its effectiveness in modern digital products.
To see these principles in practice, use the tools on this page. You can explore curated palettes, check color contrast for accessibility, and preview Columbia Blue in real UI components from top brands.
Using Columbia Blue color codes
Using Columbia Blue in your work starts with its hex code, #9BDDFF, which is the standard for web and digital applications. This code ensures you get the exact shade of this light, serene blue on any screen.
To use Columbia Blue across different mediums, you'll need to translate #9BDDFF into other color models. For digital displays, you'll use its RGB values (Red, Green, Blue). For print projects, you'll need the CMYK values (Cyan, Magenta, Yellow, Key/Black). Other formats like HSL, LAB, and LCH provide alternative ways to define the color based on attributes like hue, saturation, and lightness.
We have converted #9BDDFF into a range of popular formats. You can find and copy the precise codes for your project in the section below.
Analogous
Analogous colors are neighbors on the color wheel. For Columbia Blue, this creates a harmonious and serene palette, perfect for cohesive designs.
Complementary
To find a complementary color for Columbia Blue, look to the opposite side of the color wheel for a vibrant and high-contrast partner.
Split Complementary
A split complementary scheme for Columbia Blue pairs it with the two colors adjacent to its direct opposite, creating a vibrant yet balanced palette.
Triadic
A triadic scheme pairs Columbia Blue with two other colors, equally spaced on the color wheel, creating a vibrant and balanced high-contrast palette.
Tetradic
A tetradic scheme for Columbia Blue involves four hues in total, created by selecting two distinct pairs of complementary colors.
Square
The square color scheme pairs Columbia Blue with three other hues, all equidistant on the color wheel for a balanced, high-contrast effect.
Text Color
Background Color
Your Catchy Large Text Goes Here
Shades
Adding black to Columbia Blue creates its shades, which ground the color with added weight.
Tints
Tints of Columbia Blue are created by mixing in white, resulting in softer, airier variations.
Tones
Tones of Columbia Blue are created by adding gray, resulting in softer, more subtle variations.
Hues
Hues are variations of Columbia Blue, differing in intensity or temperature to create distinct moods.
Never run out of inspiration again.
Use Mobbin for free as long as you like or get full access with any of our paid plans.


























































































































