Klein blue color

French artist Yves Klein patented it in 1960 for his monochrome works. It's an extremely saturated, intense ultramarine. Today fashion and design use it for a bold, artistic pop of color.

Also known as: International Klein Blue, IKB.

Klein blue · #002FA7

About Klein blue

Klein blue (#002FA7) is a cool, mid-tone, highly saturated color. It belongs to the blues family. It mixes 0 red, 47 green and 167 blue (out of 255). It is mostly used in art, fashion, graphic design.

Klein blue shades and tints

From lightest to darkest. Tap a shade to copy its code.

Klein blue color harmonies

Combinations based on the color wheel. More in the color harmony tool.

ComplementaryClose to: Caramel

AnalogousClose to: Cerulean, Dark blue

TriadicClose to: Ruby, Green

Split complementaryClose to: Rust, Apple green

TetradicClose to: Purple, Caramel, Forest green

Klein blue color palettes

Copy the codes or open a palette in the editor to tweak it.

Monochromatic palette · Klein blue

Analogous palette · Klein blue

Complementary palette · Klein blue

Triadic palette · Klein blue

With neutrals palette · Klein blue

With an accent palette · Klein blue

Klein blue contrast with text

White textContrast 10.7:1 · AAA

Black textContrast 2.0:1 · Not recommended

Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.

CSS code

:root {
  --klein-blue: #002FA7;
  --klein-blue-rgb: 0, 47, 167;
}
.bg { background-color: var(--klein-blue); }
.text { color: var(--klein-blue); }

Colors similar to Klein blue

Ultramarine Navy blue Dark blue Cobalt blue Sapphire blue Grape purple Indigo Midnight blue Royal blue Deep purple

Themed palettes with this color

More blues

Blue Navy blue Sky blue Cobalt blue Sapphire blue Steel blue Royal blue Electric blue Midnight blue Ultramarine French blue Prussian blue Pastel blue Baby blue Denim blue Dark blue Light blue Cerulean

Frequently asked questions

What is the hex code for Klein blue?

The hex code for Klein blue is #002FA7. In RGB it is rgb(0, 47, 167), in HSL hsl(223, 100%, 33%) and in CMYK 100, 72, 0, 35.

What is the complementary color of Klein blue?

Its complement on the color wheel is #A77800, close to caramel. Used in small doses, it works as an accent and adds strong contrast.

Can you use white text on Klein blue?

Yes. The contrast with white is 10.7:1, enough for body text (WCAG AA).