Space Cadet

Meet Space Cadet (#192851), a deep navy with a subtle indigo undertone. Its profound saturation offers a sophisticated alternative to pure black, giving designs a solid foundation and a sense of quiet authority without feeling overpowering.

What color is Space Cadet?

What is the meaning of Space Cadet?

How do I use Space Cadet (#192851) in UI design?

Using Space Cadet color codes

Space Cadet

#192851

Access our full UI & UX library today.

What color is Space Cadet?

What is the meaning of Space Cadet?

How do I use Space Cadet (#192851) in UI design?

Using Space Cadet color codes

Space Cadet Code Conversions

HEX

#192851

LAB

17, 9, -27

RGB

25, 40, 81

XYZ

2.6, 2.3, 8.1

HSL

224°, 53%, 21%

LCH

17, 28, 288°

HSB

224°, 69%, 32%

LUV

17, -6, -29

CMYK

69, 51, 0, 68

CMYK

69, 51, 0, 68

HWB

224°, 10%, 68%

Space Cadet Color Harmonies

Analogous

Analogous colors are neighbors on the color wheel. When paired with Space Cadet, they create a harmonious and visually pleasing palette with a serene effect.

#194451

#192851

#261951

#194451

#192851

#261951

Complementary

Colors opposite Space Cadet on the color wheel are its complements. Use them together to create a visually striking and high-contrast palette.

#192851

#514219

#192851

#514219

Split Complementary

A split complementary scheme for Space Cadet uses the two colors adjacent to its direct complement, offering a vibrant yet balanced and harmonious palette.

#192851

#512619

#445119

#192851

#512619

#445119

Triadic

A triadic palette pairs Space Cadet with two other colors, all equally spaced on the color wheel, creating a vibrant and balanced combination.

#192851

#511928

#285119

#192851

#511928

#285119

Tetradic

Tetradic schemes for Space Cadet use four colors arranged into two complementary pairs, creating a rich and visually complex palette.

#192851

#511944

#514219

#195126

#192851

#511944

#514219

#195126

Square

Similar to a tetradic scheme, a square color palette arranges four colors evenly on the color wheel, creating a vibrant and highly contrasting combination.

#192851

#511944

#514219

#195126

#192851

#511944

#514219

#195126

Space Cadet Contrast Simulation

Text Color

#

Background Color

#

14.35

Super

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.

14.35

Super

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Space Cadet Color Variations

Shades

Shades are darker versions of Space Cadet, made by adding black to create depth and weight.

#192851

#152245

#121D3A

#0E172E

#0B1123

#070B17

#04060C

#000000

#192851

#152245

#121D3A

#0E172E

#0B1123

#070B17

#04060C

#000000

Tints

Tints of Space Cadet are created by adding white, resulting in lighter, softer variations.

#192851

#3A476A

#5B6583

#7C849C

#9CA3B4

#BDC2CD

#DEE0E6

#FFFFFF

#192851

#3A476A

#5B6583

#7C849C

#9CA3B4

#BDC2CD

#DEE0E6

#FFFFFF

Tones

Tones are muted versions of Space Cadet, created by adding gray to reduce its saturation.

#192851

#283558

#36415E

#454E65

#545A6C

#636773

#717379

#808080

#192851

#283558

#36415E

#454E65

#545A6C

#636773

#717379

#808080

Hues

Hues are variations of Space Cadet, sharing its base color but differing in intensity or temperature.

#192851

#341951

#511944

#51191A

#514219

#365119

#195126

#195150

#192851

#341951

#511944

#51191A

#514219

#365119

#195126

#195150

What Interfaces Use Colors Like Space Cadet?

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