International Klein Blue

HEX: #002FA7 | Modern Palette

On White
10.69:1
PASS
On Black
1.96:1
FAIL

Color Specifications

HEX
#002FA7
RGB
0, 47, 167
HSL
223°, 100% ,65%
CMYK
100, 71.86, 0, 34.51

About International Klein Blue

International Klein Blue (#002FA7) is a color with RGB(0, 47, 167) and HSL(223.11°, 100%, 65.49%). It is commonly associated with Bold, Playful moods. In design, it fits Vivid, Neon styles and is suitable for Text, Button, Accent. Its complementary color is #A77800, which creates strong contrast. Its triadic palette includes #A7002F and #2FA700. The name comes from International Klein Blue (French).

  • HEX: #002FA7
  • RGB: 0, 47, 167
  • HSL: 223.11°, 100%, 65.49%
  • Mood: Bold, Playful
  • Style: Vivid, Neon
  • Use case: Text, Button, Accent
  • Complementary color: #A77800
  • Triadic colors: #A7002F, #2FA700
  • The name comes from International Klein Blue (French).

Live Components

LIGHT
DARK
System Notification Box

Color Palettes

International Klein Blue #002FA7 is used in Monochromatic, Neutral + Accent, Analogous, 3 + 1 + 1 palettes, giving designers ready-made combinations for backgrounds, surfaces, accents, and interface elements.

Monochromatic Five tones of the same hue — a reliable scale for backgrounds, surfaces, and text.
 
INTERNATIONAL KLEIN BLUE
 
 
 
Neutral + Accent Four near-neutral tones grounded by a saturated accent — clean and versatile for UI.
 
 
INTERNATIONAL KLEIN BLUE
 
 
Analogous Five hues drifting across a 60° arc — naturally harmonious and pleasing to the eye.
 
 
 
 
 
3 + 1 + 1 Three analogous base colors, one complementary accent, one dark anchor — bold yet balanced.
 
 
 
 
 

Color Harmonies

International Klein Blue #002FA7 pairs with #A77800 as its complementary color, and #A7002F and #2FA700 in triadic combinations. These harmony relationships help create balanced color combinations for UI, branding, and design work.

Complementary

The color directly opposite on the color wheel — creates maximum contrast and vibrance.

INTERNATIONAL KLEIN BLUE
Analogous

Colors adjacent on the wheel — naturally harmonious and pleasing to the eye.

INTERNATIONAL KLEIN BLUE
Triadic

Three colors equally spaced 120° apart — bold, balanced, and visually rich.

INTERNATIONAL KLEIN BLUE
Split-Complementary

Two colors flanking the complement — high contrast with less tension than full complementary.

INTERNATIONAL KLEIN BLUE
Tetradic (Square)

Four colors at 90° intervals — rich variety, best when one color dominates.

INTERNATIONAL KLEIN BLUE
Monochromatic

Shades and tints of the same hue — cohesive, elegant, and easy to work with.

INTERNATIONAL KLEIN BLUE

Shades & Tints

The shade and tint range for International Klein Blue #002FA7 moves from dark #00071A tones through the base color to lighter #E6EDFF tones, making it useful for depth, hierarchy, and background variation.

INTERNATIONAL KLEIN BLUE

Color Characteristics

Mood
Bold Playful
Style
Vivid Neon
Use case
Text Button Accent

Accessibility Simulation

Deuteranopia #2727A7
Protanopia #2C2CA7
Tritanopia #004D4D
Achromatopsia #3E3E3E

Frequently Asked Questions

International Klein Blue (#002FA7) is a color with RGB(0, 47, 167) and HSL(223.11°, 100%, 65.49%).

#002FA7 pairs strongly with #A77800 as its complementary color. It can also be used with neutral tones for balanced UI and design layouts.

#002FA7 is suitable for Text, Button, Accent and works well with Vivid, Neon styles.

#002FA7 is commonly associated with Bold, Playful.

The name International Klein Blue is linked to International Klein Blue from French, meaning A specific shade of blue patented by the artist Yves Klein..

Name, History & Etymology

Origin Word International Klein Blue
Meaning A specific shade of blue patented by the artist Yves Klein.
Language French
First Recorded Use Mid-20th Century

History

International Klein Blue (IKB) is a deep ultramarine blue pigment developed by the French artist Yves Klein in collaboration with Édouard Adam, a chemical pharmacist. Klein registered IKB as a trademark in 1960, though he never patented the formula itself, only the name. The unique matte and vibrant quality of IKB comes from a synthetic resin binder (Rhodopas M60A) that suspends the pure ultramarine pigment without dulling its intensity, allowing the pigment to retain as much of its original brilliance as possible. Klein used IKB extensively in his monochromatic paintings, sculptures, and performances, aiming to evoke the immaterial and the infinite.

First Recorded Use

1957

Cultural Associations

IKB is synonymous with Yves Klein's artistic identity and his exploration of color as a pure, spiritual entity. It represents a significant moment in post-war European art, particularly in movements like Nouveau Réalisme. The color is often associated with concepts of the void, the cosmos, and the sublime. Its distinctive matte finish and intense hue make it instantly recognizable and influential in contemporary art and design. Klein's use of IKB challenged traditional notions of painting and art objects, emphasizing the experience and presence of color itself.

Similar Named Colors
UA Blue #0033AA ΔE 1.17
Egyptian Blue #1034A6 ΔE 1.42
Smalt #003399 ΔE 2.68
Royal Azure #0038A8 ΔE 2.72

Code Snippets

/* Background */
.element {
    background-color: #002FA7;
}

/* Text */
.element {
    color: #002FA7;
}

/* Border */
.element {
    border: 1px solid #002FA7;
}

/* Linear gradient to complementary */
.element {
    background: linear-gradient(
        to right,
        #002FA7,
        #FFCD4F
    );
}

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #002FA7,
        #FFCD4F
    );
}

// SCSS variable
$international-klein-blue: #002FA7;

// With RGB channels (useful for rgba() usage)
$international-klein-blue-r: 0;
$international-klein-blue-g: 47;
$international-klein-blue-b: 167;

// Usage
.element {
    background-color: $international-klein-blue;
    color: rgba($international-klein-blue-r, $international-klein-blue-g, $international-klein-blue-b, 0.8);
}