Brilliant Blue

Meet Brilliant Blue (#008CE3), a pure and vibrant shade that commands attention. Its striking saturation sits perfectly between cyan and azure, offering a clean, digital-native feel without the harshness of a primary blue. This color provides a crisp, energetic quality to any design palette.

What color is Brilliant Blue?

What is the meaning of Brilliant Blue?

How do I use Brilliant Blue (#008CE3) in UI design?

Using Brilliant Blue color codes

Brilliant Blue

#008CE3

Access our full UI & UX library today.

What color is Brilliant Blue?

What is the meaning of Brilliant Blue?

How do I use Brilliant Blue (#008CE3) in UI design?

Using Brilliant Blue color codes

Brilliant Blue Code Conversions

HEX

#008CE3

LAB

56, 1, -53

RGB

0, 140, 227

XYZ

23.2, 24.3, 76.1

HSL

203°, 100%, 45%

LCH

56, 53, 271°

HSB

203°, 100%, 89%

LUV

56, -34, -83

CMYK

100, 38, 0, 11

CMYK

100, 38, 0, 11

HWB

203°, 0%, 11%

Brilliant Blue Color Harmonies

Analogous

Analogous colors are neighbors on the color wheel. Paired with Brilliant Blue, they create a harmonious and tranquil visual experience for users.

#00E3C8

#008CE3

#001BE3

#00E3C8

#008CE3

#001BE3

Complementary

Complementary colors sit opposite each other on the color wheel. When used alongside Brilliant Blue, its complement produces a vibrant, high-contrast pairing.

#008CE3

#E35700

#008CE3

#E35700

Split Complementary

For a vibrant yet balanced palette, split complementary colors pair Brilliant Blue with the two colors adjacent to its direct complement on the color wheel.

#008CE3

#E3001B

#E3C800

#008CE3

#E3001B

#E3C800

Triadic

Triadic color schemes use three hues equally spaced on the color wheel. With Brilliant Blue as a base, this creates a vibrant, high-contrast palette.

#008CE3

#E3008C

#8CE300

#008CE3

#E3008C

#8CE300

Tetradic

A tetradic scheme pairs Brilliant Blue with three other colors, forming two complementary pairs on the color wheel for a rich, vibrant palette.

#008CE3

#C800E3

#E35700

#1BE300

#008CE3

#C800E3

#E35700

#1BE300

Square

A square color scheme uses four colors equidistant on the color wheel. With Brilliant Blue, this creates a vibrant and balanced high-contrast palette.

#008CE3

#C800E3

#E35700

#1BE300

#008CE3

#C800E3

#E35700

#1BE300

Brilliant Blue Contrast Simulation

Text Color

#

Background Color

#

5.86

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.

5.86

Good

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Brilliant Blue Color Variations

Shades

Shades of Brilliant Blue are darker versions made by adding black, creating depth and weight.

#008CE3

#0078C3

#0064A2

#005082

#003C61

#002841

#001420

#000000

#008CE3

#0078C3

#0064A2

#005082

#003C61

#002841

#001420

#000000

Tints

Tints are lighter versions of Brilliant Blue, created by adding white for a softer feel.

#008CE3

#249CE7

#49ADEB

#6DBDEF

#92CEF3

#B6DEF7

#DBEFFB

#FFFFFF

#008CE3

#249CE7

#49ADEB

#6DBDEF

#92CEF3

#B6DEF7

#DBEFFB

#FFFFFF

Tones

Tones are created by adding gray to Brilliant Blue, which softens its saturation.

#008CE3

#128AD5

#2589C7

#3787B9

#4985AA

#5B839C

#6E828E

#808080

#008CE3

#128AD5

#2589C7

#3787B9

#4985AA

#5B839C

#6E828E

#808080

Hues

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

#008CE3

#1E00E3

#C800E3

#E30053

#E35700

#C5E300

#1BE300

#00E390

#008CE3

#1E00E3

#C800E3

#E30053

#E35700

#C5E300

#1BE300

#00E390

What Interfaces Use Colors Like Brilliant 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