Blue #0000FF
Blue, written as #0000FF, is the pure blue channel of an RGB screen with red and green switched off. It is fully saturated and cool, and it looks fairly dark despite being full-strength blue. People link it with sky and sea, and in design with trust, calm, and a steady kind of authority.
| HEX | #0000FF | |
|---|---|---|
| RGB | rgb(0, 0, 255) | |
| HSL | hsl(240, 100%, 50%) | |
| HSV | hsv(240, 100%, 100%) | |
| CMYK | cmyk(100%, 100%, 0%, 0%) |
Text on Blue
White text reads better on Blue. Ratios use the WCAG 2 formula: 4.5:1 passes AA for body text, 3:1 passes for large text.
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
Colors that go with Blue
Blue tints and shades
Tints mix Blue with white, shades mix it with black, in 15% steps. Copy any code, or open the tint and shade generator for a full scale.
Tints
Shades
Blue color schemes
Color-wheel harmonies built by rotating the hue of #0000FF and keeping its saturation and lightness.
Complementary
Analogous
Triadic
Split complementary
Tetradic
Blue color meaning
Blue is one of the most widely used colors in corporate identity, especially for banks, insurers, tech companies, and healthcare. It suggests stability and competence, and it rarely offends anyone, which is part of why it is chosen so often.
Its history runs the other way. For centuries a good blue pigment was expensive. Ultramarine was ground from lapis lazuli, and European painters often reserved it for important subjects such as the robes of the Virgin Mary. A synthetic version of ultramarine was only developed in the nineteenth century.
In English, blue can also mean sad, as in 'feeling blue' or the blues. In many Western countries it has become the default color for baby boys, a convention that is fairly recent and not shared everywhere. Elsewhere it can carry protective meaning, as in the blue eye charms found across Turkey and Greece.
How to use Blue in design
Pure #0000FF is close to the default link blue browsers use, so on the web it can read as 'clickable' whether you intend that or not. White text sits well on it; black text does not. Most brands soften it slightly, because full-strength blue looks harsh on large areas and vibrates against pure red.
It still works for bold posters, sports graphics, and minimalist layouts where one strong color carries the design. In fashion and interiors, a true primary blue reads playful and graphic, so pair it with plenty of white or a warm neutral.
Palettes with Blue tones
Curated palettes with a color close to #0000FF.
Colors similar to Blue
Work with Blue
Blue FAQ
What does blue mean in a logo?
Blue usually signals reliability, security, and calm competence. That is why it is common for banks, insurance, tech platforms, and hospitals. Because so many brands use it, a blue logo can blend in. A distinctive shade, an unusual accent color, or a strong shape helps it stand apart from competitors.
What is the difference between blue and navy blue?
Navy blue (#000080) is the same hue as pure blue (#0000FF) at roughly half the brightness. That makes navy dark enough to work like a softer black for text and suits, while pure blue is bright, saturated, and much louder. Navy reads formal; pure blue reads graphic and energetic.
Is blue a warm or cool color?
Blue is the coolest region of the color wheel. Pure #0000FF has no red or yellow in it. Some blues lean slightly warmer when they shift toward violet, and some lean toward green, but blue as a family is always treated as cool in color theory and interior design.