Cobalt Blue Hex Code: #1F4FBF, Palettes and Styles

Cobalt Blue, the usual valueBlue

#1F4FBF

62 cobalt blues in the library

Pick any swatch to see its codes, its contrast and the palette it comes from.

01Put it to work

Can you read text on it?

White text looks like thisVery easy to read

Fine for any text, even small print. Contrast 7.2 to 1

Black text looks like thisHard to read

Avoid for text. Use it for shapes and backgrounds instead. Contrast 2.7 to 1

White text reads better here. The contrast number compares how light the text is with how light the colour behind it is. It runs from 1, where the text disappears, to 21, black on white. The web accessibility standard asks for at least 4.5 for normal text and 3 for big headlines.

Pick a swatch above to see it in its own palette, next to the colours it was chosen to sit with.

02Tints and shades

A ramp from 50 to 950 around #1F4FBF, in equal perceptual steps, for backgrounds, borders and hover states. Click a step to copy it.

0371 palettes with cobalt blue

04The styles that use it

De Stijl4 Bauhaus2 Printmaking2 Web 2.0 Gloss2 Neumorphism2 Blueprint2 Architectural Modernism2 Bowellism (High-Tech)2 Mediterranean Architecture2 Japanese Graphic2 Pixel Art2 Cyanotype Photography2 Pottery / Ceramics1 Screen Printing1 Editorial Photography1 80s Editorial1 Y2K1 Cyberpunk1 Neubrutalism1 Cyber Minimalism1 Surveillance1 Swiss / International1 Tech Spec1 Kidcore1 Art Deco1 Solarpunk1 Retrofuturism1 Frutiger Aero1 Dreamcore1 Architectural Postmodernism1 Bauhaus Architecture1 Architectural Futurism1 Neo-Futurism1 Contemporary Architecture1 Scandinavian Architecture1 Art Deco Architecture1 Gothic Architecture1 90s Editorial1 Neo 3D1 Hand-drawn Doodles1

And 17 more, in the palettes above.

05Questions

What is the hex code for cobalt blue?

Cobalt Blue is most often given as #1F4FBF. There is no single official value; the 62 cobalt blue swatches in the Omoro library run across the range shown on this page.

What colours go with cobalt blue?

In the library's palettes, cobalt blue most often sits beside red, yellow and green, with black and white as the neutrals.

Which design styles use cobalt blue?

De Stijl, Bauhaus and Printmaking use it most. 57 styles use it in all.

Goes withRed 42%Yellow 39%Green 21%Orange 15%Pink 10%Brown 4%

06More blue shades

Navy Blue Baby Blue Electric Blue

Every colour familyAll colors and shades →

Red Orange Yellow Green Teal Blue Purple Pink Brown Beige Black Grey White

All palettes →Browse the styles →