Cobalt Blue (#0047ab) Color Meaning, Codes and Information

A complete guide to Cobalt Blue (#0047ab) covering color values, harmonies, shades, meaning, and practical uses across design, branding, and everyday visuals.

Cobalt Blue (#0047ab) Color Information

Cobalt Blue (#0047ab) RGB value is (0, 71, 171). The hex color red value is 0, green is 71, and blue is 171. Its HSL format shows a hue of 215°, saturation of 100%, and lightness of 34%, while the CMYK process values are 100%, 58%, 0%, and 33%.

Colors that pair well with Cobalt Blue (#0047ab) include Blue (Munsell) (#0093AF), True Azure (#0000B8), and Mordant Red 19 (#AE0C00), as they maintain visual balance and harmony, whereas Pictorial Carmine (#C30B4E), Bright Fern (#4CBB17), and Grussrel (#B06500) tend to conflict with this color due to strong contrast or opposing tonal characteristics.

Clear image showing Cobalt Blue color swatch with hex value #0047AB and RGB value (0,71,171)
Share

Cobalt Blue (#0047ab) Color Meaning

Cobalt Blue (#0047AB) belongs to the deep blue category with high pigment density. It carries strong saturation without leaning dark. This gives Cobalt Blue (#0047AB) a bold and commanding presence. Artists value it for its purity and strength. Symbolism surrounding Cobalt Blue (#0047AB) points to authority and depth. It feels confident and deliberate. In color psychology, Cobalt Blue (#0047AB) appeals to decisive personalities and structured thinking. That quality explains its use in uniforms and official insignia. Historically, Cobalt Blue (#0047AB) traces back to mineral-based pigments used in Chinese porcelain. European art later adopted it for religious and royal imagery. Many cultures linked cobalt tones to protection and permanence. These traditions give Cobalt Blue (#0047AB) lasting prestige.

Color Conversion

Accurate conversions of Cobalt Blue (#0047ab) across RGB, Hex, CMYK, HSL, and Lab ensure consistent color fidelity across digital, print, and design applications.

HEX
#0047ab
RGB
rgb(0, 71, 171)
HSL
hsl(215°, 100%, 34%)
CMYK
cmyk(100%, 58%, 0%, 33%)
HSV
hsv(215°, 100%, 67%)
XYZ
9.6039 7.4468 39.4593
Yxy
7.4468 0.1700 0.1318
Hunter Lab
27.2888 0.6408 -2.5217
CIE-Lab
32.8030 22.5263 -58.4481

RGB Values & CMYK Values

Detailed RGB and CMYK values of Cobalt Blue (#0047ab) displayed in a horizontal bar provide clear reference for digital and print color accuracy.

RGB Channels

Red0 / 255 (0%)
Green71 / 255 (28%)
28%
Blue171 / 255 (67%)
67%

CMYK Ink Density

Cyan100 / 100 (100%)
100%
Magenta58 / 100 (58%)
58%
Yellow0 / 100 (0%)
Key (Black)33 / 100 (33%)
33%

Color Variations

A full range of Cobalt Blue (#0047ab) variations, including tints, shades, and tones, provides highlights, depth, and subtle desaturated options for UI design.

Color Harmonies

Harmonious color schemes for Cobalt Blue (#0047ab) created using the color wheel ensure visually balanced palettes.

Analogous

Colors adjacent on the color wheel (30° apart)

Complementary

Colors opposite on the color wheel (180° apart)

Split Complementary

Three colors using one base hue and the two hues beside its opposite

Triadic

Three colors evenly spaced (120° apart)

Tetradic

Four colors forming a rectangle on the wheel

Square

Four colors evenly spaced (90° apart)

Double Split Complementary

Four colors formed from two base hues and the colors next to their opposites

Monochromatic

Variations of a single hue

Contrast Checker (WCAG)

Luminance contrast ratios for Cobalt Blue (#0047ab) against standard backgrounds ensure readable, accessible text following Contrast Checker and WCAG 2.1 AA/AAA standards.

#FFFFFF
#0047ab

Sample Text

This is how your text will look with these colors.

Large Text (18pt+)

8.44:1
WCAG AA
WCAG AAA

Normal Text

8.44:1
WCAG AA
WCAG AAA

UI Components

8.44:1
WCAG AA
WCAG AAA

Color Blindness Simulator

Simulated views of Cobalt Blue (#0047ab) for different color vision deficiencies help identify potential confusion using the Color Blindness Simulator.

Normal Vision

Cobalt Blue (#0047ab)

protanopia

#1f1f93

Note: These simulations are approximations. Actual color vision deficiency varies by individual.

CSS Examples

Background Color

background-color: #0047ab;

Text Color

color: #0047ab;

Sample Text

Border Color

border: 2px solid #0047ab;

Box Shadow

box-shadow: 0 4px 6px #0047ab40;

Text Shadow

text-shadow: 2px 2px 4px #0047ab;

Sample Text

Gradient

background: linear-gradient(135deg, #0047ab 0%, #002c6a 100%);

Seamless Patterns

High-resolution seamless patterns featuring Cobalt Blue (#0047ab) provide ready-to-use backgrounds, wallpapers, and print designs for any project.

Diagonal Stripes
Polka Dots
Chevron
Diamond Grid
Hexagon
Waves
Crosshatch
Zigzag
Brick Wall
Triangles
Circles Grid
Herringbone

Icons

A collection of popular icons in Cobalt Blue (#0047ab) offers ready-to-use visuals for interfaces, designs, and creative projects.

Real-World Applications

Real-world mockups of Cobalt Blue (#0047ab) showcase its versatility across fashion, interiors, branding, and product packaging.

Fashion
Colored T-Shirt
Fashion
Baseball Cap
Interior
Living Room
Exterior
Office Complex
BRAND
Brands
Aluminum Can
Vehicle
Glossy Sportscar
Brands
Shopping Bag
Interior
Matte Wall
Brands
Flagship Phone

Useful Color Tools

A curated set of tools to help apply, analyze, and manage colors effectively in your projects

Cobalt Blue (#0047ab) Color FAQs

Frequently asked questions about Cobalt Blue (#0047ab) color meaning, symbolism, and applications. Click on any question to expand detailed answers.