International Klein Blue

Meet International Klein Blue (#002FA7), a color so intense it seems to radiate off the screen. Its unique luminosity, born from a pure ultramarine pigment, gives it a depth that captivates the eye and challenges perception, making it a truly singular shade in any palette.

What color is International Klein Blue?

What is the meaning of International Klein Blue?

How do I use International Klein Blue (#002FA7) in UI design?

Using International Klein Blue color codes

International Klein Blue

#002FA7

Access our full UI & UX library today.

What color is International Klein Blue?

What is the meaning of International Klein Blue?

How do I use International Klein Blue (#002FA7) in UI design?

Using International Klein Blue color codes

International Klein Blue Code Conversions

HEX

#002FA7

LAB

26, 37, -67

RGB

0, 47, 167

XYZ

8.0, 4.8, 37.1

HSL

223°, 100%, 33%

LCH

26, 76, 299°

HSB

223°, 100%, 65%

LUV

26, -11, -82

CMYK

100, 72, 0, 35

CMYK

100, 72, 0, 35

HWB

223°, 0%, 35%

International Klein Blue Color Harmonies

Analogous

Analogous colors are neighbors to International Klein Blue on the color wheel, often used together to produce a tranquil and cohesive visual effect.

#0083A7

#002FA7

#2500A7

#0083A7

#002FA7

#2500A7

Complementary

Colors opposite International Klein Blue on the color wheel are its complements. Placing them together creates a dynamic visual tension and maximum contrast.

#002FA7

#A77800

#002FA7

#A77800

Split Complementary

Split complementary schemes pair International Klein Blue with the two colors adjacent to its direct complement, creating a vibrant yet balanced palette.

#002FA7

#A72500

#83A700

#002FA7

#A72500

#83A700

Triadic

Triadic color schemes use three hues equidistant on the color wheel. With International Klein Blue, this creates a vibrant, high-contrast, and balanced palette.

#002FA7

#A7002F

#2FA700

#002FA7

#A7002F

#2FA700

Tetradic

Tetradic color schemes pair International Klein Blue with three others, forming two complementary pairs for a vibrant and well-balanced design palette.

#002FA7

#A70082

#A77800

#00A724

#002FA7

#A70082

#A77800

#00A724

Square

A square color scheme features four colors evenly spaced on the color wheel. With International Klein Blue, this combination produces a vibrant, high-contrast palette.

#002FA7

#A70082

#A77800

#00A724

#002FA7

#A70082

#A77800

#00A724

International Klein Blue Contrast Simulation

Text Color

#

Background Color

#

10.69

Excellent

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Your Catchy Large Text Goes Here

A high contrast makes anything easier to read, especially small text.

Text Color

#

Background Color

#

Your Catchy Large Text Goes Here

A high contrast makes anything easier to read, especially small text.

10.69

Excellent

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

International Klein Blue Color Variations

Shades

Shades of International Klein Blue are created by adding black, giving it more depth and weight.

#002FA7

#00288F

#002277

#001B5F

#001448

#000D30

#000718

#000000

#002FA7

#00288F

#002277

#001B5F

#001448

#000D30

#000718

#000000

Tints

Adding white to International Klein Blue creates tints, producing softer and more subtle variations.

#002FA7

#244DB4

#496AC0

#6D88CD

#92A6D9

#B6C4E6

#DBE1F2

#FFFFFF

#002FA7

#244DB4

#496AC0

#6D88CD

#92A6D9

#B6C4E6

#DBE1F2

#FFFFFF

Tones

Tones of International Klein Blue are made by adding gray, which softens the color’s intensity.

#002FA7

#123BA1

#25469C

#375296

#495D91

#5B698B

#6E7486

#808080

#002FA7

#123BA1

#25469C

#375296

#495D91

#5B698B

#6E7486

#808080

Hues

Hues vary International Klein Blue's intensity and temperature, subtly altering its visual impact and feel.

#002FA7

#4E00A7

#A70082

#A70005

#A77800

#59A700

#00A724

#00A7A2

#002FA7

#4E00A7

#A70082

#A70005

#A77800

#59A700

#00A724

#00A7A2

What Interfaces Use Colors Like International Klein Blue?

Never run out of
inspiration again.

Use Mobbin for free as long as you like or get full access
with any of our paid plans.

  • Coinbase

  • Wise

  • Headspace

  • Airbnb

  • Uber

  • Nike

  • Pinterest

  • ChatGPT

  • Shopify

  • Loom

  • Creme

  • Mailchimp

  • Twitch

  • Spotify

  • Apple TV

  • Shop

  • Cosmos

  • Retro

  • Notion

  • Dropbox

Never run out of
inspiration again.

Use Mobbin for free as long as you like or get full access
with any of our paid plans.

  • Coinbase

  • Wise

  • Headspace

  • Airbnb

  • Uber

  • Nike

  • Pinterest

  • ChatGPT

  • Shopify

  • Loom

  • Creme

  • Mailchimp

  • Twitch

  • Spotify

  • Apple TV

  • Shop

  • Cosmos

  • Retro

  • Notion

  • Dropbox

Never run out of
inspiration again.

Use Mobbin for free as long as you like or get full access with any of our paid plans.

  • Coinbase

  • Wise

  • Headspace

  • Airbnb

  • Uber

  • Nike

  • Pinterest

  • ChatGPT

  • Shopify

  • Loom

  • Creme

  • Mailchimp

  • Twitch

  • Spotify

  • Apple TV

  • Shop

  • Cosmos

  • Retro

  • Notion

  • Dropbox