A soft, bright blue called lightblue in CSS. It's calm and clean.
See matching colorsMatches →32 named shades of blue, sorted from light to dark, with the teals at the end. Filter by light, vivid, dark, teal or grayish, tap a shade to copy its hex code and open its page to see what goes with it.
A soft, bright blue called lightblue in CSS. It's calm and clean.
See matching colorsMatches →A sweet light blue traditionally linked to newborn clothes. It's bright and friendly.
See matching colorsMatches →The light blue of a clear sky. In Argentina and Uruguay it's tied to the national flag and soccer team.
See matching colorsMatches →A soft, grayish blue with lots of white. It feels serene and delicate.
See matching colorsMatches →A gray with a clear blue undertone. It's cool but friendly.
See matching colorsMatches →A bright, glowing blue that recalls an electric spark. It feels modern and energetic.
See matching colorsMatches →Named after slate, the rock used for roofing and old school chalkboards. It's a medium gray with a blue base.
See matching colorsMatches →A medium blue with a grayish base, like light reflecting off steel. In CSS it's called steelblue.
See matching colorsMatches →The story goes that it came from a contest to make a dress for Queen Charlotte of England. It's a vivid, saturated blue.
See matching colorsMatches →From the Latin caeruleus, meaning sky blue. It's a deep medium blue, like the midday sky.
See matching colorsMatches →A vivid medium blue tied to the French flag and national teams. It's clean and cheerful.
See matching colorsMatches →Inspired by the fabric of blue jeans. It's a medium, slightly faded blue.
See matching colorsMatches →Named after the gemstone. It's a deep, brilliant blue with a touch of luxury.
See matching colorsMatches →One of the three light colors in every screen, along with red and green. It conveys calm, trust and order.
See matching colorsMatches →It comes from cobalt oxide, used to paint porcelain and tiles. It's an intense, vivid blue.
See matching colorsMatches →A dark blue with a green undertone, like the sheen on oil. It's elegant and deep, less cold than navy blue.
See matching colorsMatches →French artist Yves Klein patented it in 1960 for his monochrome works. It's an extremely saturated, intense ultramarine.
See matching colorsMatches →It comes from a plant-based dye from India. It's a very dark, purplish blue.
See matching colorsMatches →The name means beyond the sea, because the pigment came from lapis lazuli mined in Afghanistan. During the Renaissance it was more expensive than gold.
See matching colorsMatches →One of the first synthetic pigments, created in Berlin in the 18th century. It's a very dark blue with a greenish undertone.
See matching colorsMatches →A very dark blue, like a moonless night sky. It's a softer alternative to black.
See matching colorsMatches →A deep blue with little light, close to navy. In CSS it's called darkblue.
See matching colorsMatches →Named after the uniforms of the British Royal Navy. It's a very dark blue that's serious and easy to pair.
See matching colorsMatches →A black with a very deep blue undertone. At first glance it looks black, but it reads cooler next to other dark shades.
See matching colorsMatches →Named after a gemstone whose color recalls seawater. It's a light, greenish turquoise.
See matching colorsMatches →A very soft turquoise with lots of white. It feels clean and relaxed.
See matching colorsMatches →One of the primary colors of CMYK printing, along with magenta and yellow. On screen it appears when green and blue light are both at full strength.
See matching colorsMatches →Named after the turquoise stone, which reached Europe by way of Turkey. It blends blue and green with lots of light.
See matching colorsMatches →An intense turquoise called darkturquoise in CSS, even though it still looks bright. It has more blue than regular turquoise.
See matching colorsMatches →The turquoise associated with the gift boxes of a famous New York jeweler. It's a clean, elegant medium blue-green.
See matching colorsMatches →Named after the teal duck and the colored patch on its wings. It's a medium, understated blue-green.
See matching colorsMatches →A variation of petrol blue with more green in it. It's dark, rich and a little mysterious.
See matching colorsMatches →There is no fixed number: blue runs from near-whites like sky blue and baby blue to near-blacks like midnight blue and blue black. When blue leans green you get teal, turquoise and petrol blue; when it leans violet you get indigo and ultramarine.
Look at three things: lightness (sky blue vs navy), saturation (royal blue vs steel blue) and temperature (a green-leaning blue like turquoise feels fresh; a violet-leaning one like indigo feels deep).
Royal blue (#4169E1) is a bright, vivid blue; navy blue (#000080) is a very dark blue, almost black, more formal and classic.
Navy and denim blue behave almost like neutrals: they work with white, beige, gray, camel and almost any accent color.
It sits between both. Bluer teals and turquoises, like Tiffany blue, are usually seen as green-leaning blues.
We use Google Analytics cookies to understand how the site is used. Is that OK? Learn more