Blue A700

Meet Blue A700 (#2962FF), a shade that commands attention. This isn't just any blue; it's an intensely saturated hue that sits at the brighter end of the spectrum. Its pure, electric quality gives it a distinct presence, making it a powerful choice for any digital palette.

What color is Blue A700?

What is the meaning of Blue A700?

How do I use Blue A700 (#2962FF) in UI design?

Using Blue A700 color codes

Blue A700

#2962FF

Access our full UI & UX library today.

What color is Blue A700?

What is the meaning of Blue A700?

How do I use Blue A700 (#2962FF) in UI design?

Using Blue A700 color codes

Blue A700 Code Conversions

HEX

#2962FF

LAB

48, 39, -83

RGB

41, 98, 255

XYZ

23.3, 16.4, 96.5

HSL

224°, 100%, 58%

LCH

48, 91, 295°

HSB

224°, 84%, 100%

LUV

48, -19, -126

CMYK

84, 62, 0, 0

CMYK

84, 62, 0, 0

HWB

224°, 16%, 0%

Blue A700 Color Harmonies

Analogous

Analogous colors are adjacent to Blue A700 on the color wheel, producing a cohesive and tranquil palette perfect for creating serene user interfaces.

#29CDFF

#2962FF

#5B29FF

#29CDFF

#2962FF

#5B29FF

Complementary

Complementary colors sit opposite Blue A700 on the color wheel. Pairing them creates a striking, high-contrast effect perfect for making elements pop.

#2962FF

#FFC629

#2962FF

#FFC629

Split Complementary

The split complementary scheme for Blue A700 uses the two colors next to its opposite, creating a harmonious high-contrast palette with more versatility.

#2962FF

#FF5B29

#CDFF29

#2962FF

#FF5B29

#CDFF29

Triadic

Triadic color schemes use three hues equally spaced on the color wheel. With Blue A700, this creates a vibrant and balanced high-contrast palette.

#2962FF

#FF2962

#62FF29

#2962FF

#FF2962

#62FF29

Tetradic

A tetradic scheme for Blue A700 uses two pairs of complementary colors, forming a rectangle on the color wheel for a vibrant, balanced palette.

#2962FF

#FF29CD

#FFC629

#29FF5B

#2962FF

#FF29CD

#FFC629

#29FF5B

Square

A square color scheme uses four colors evenly spaced around the color wheel. Based on Blue A700, this combination creates a vibrant, high-contrast palette.

#2962FF

#FF29CD

#FFC629

#29FF5B

#2962FF

#FF29CD

#FFC629

#29FF5B

Blue A700 Contrast Simulation

Text Color

#

Background Color

#

4.90

Good

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.

4.90

Good

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Blue A700 Color Variations

Shades

Shades of Blue A700 are created by adding black, resulting in darker, weightier tones.

#2962FF

#2354DB

#1D46B6

#173892

#122A6D

#0C1C49

#060E24

#000000

#2962FF

#2354DB

#1D46B6

#173892

#122A6D

#0C1C49

#060E24

#000000

Tints

Tints are lighter versions of Blue A700, created by adding white to soften the original hue.

#2962FF

#4878FF

#668FFF

#85A5FF

#A3BCFF

#C2D2FF

#E0E9FF

#FFFFFF

#2962FF

#4878FF

#668FFF

#85A5FF

#A3BCFF

#C2D2FF

#E0E9FF

#FFFFFF

Tones

Tones are created by adding gray to Blue A700, resulting in softer, less saturated versions.

#2962FF

#3566ED

#426BDB

#4E6FC9

#5B73B6

#6777A4

#747C92

#808080

#2962FF

#3566ED

#426BDB

#4E6FC9

#5B73B6

#6777A4

#747C92

#808080

Hues

Hues are variations of Blue A700, differing in intensity or temperature to create distinct moods.

#2962FF

#9029FF

#FF29CD

#FF292D

#FFC629

#98FF29

#29FF5B

#29FFFB

#2962FF

#9029FF

#FF29CD

#FF292D

#FFC629

#98FF29

#29FF5B

#29FFFB

What Interfaces Use Colors Like Blue A700?

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