Dark Slate Blue

Meet Dark Slate Blue, #483D8B. This color commands attention with its profound depth, sitting at the intersection of a muted purple and a somber blue. Its unique character offers a sophisticated alternative to more common dark tones, providing a rich foundation for any design palette.

What color is Dark Slate Blue?

What is the meaning of Dark Slate Blue?

How do I use Dark Slate Blue (#483D8B) in UI design?

Using Dark Slate Blue color codes

Dark Slate Blue

#483D8B

Access our full UI & UX library today.

What color is Dark Slate Blue?

What is the meaning of Dark Slate Blue?

How do I use Dark Slate Blue (#483D8B) in UI design?

Using Dark Slate Blue color codes

Dark Slate Blue Code Conversions

HEX

#483D8B

LAB

31, 26, -42

RGB

72, 61, 139

XYZ

9.0, 6.6, 25.2

HSL

248°, 39%, 39%

LCH

31, 49, 302°

HSB

248°, 56%, 55%

LUV

31, -1, -58

CMYK

48, 56, 0, 45

CMYK

48, 56, 0, 45

HWB

248°, 24%, 45%

Dark Slate Blue Color Harmonies

Analogous

Analogous colors sit next to Dark Slate Blue on the color wheel, producing a unified and serene palette that feels naturally harmonious.

#3D598B

#483D8B

#6F3D8B

#3D598B

#483D8B

#6F3D8B

Complementary

Complementary colors are direct opposites on the color wheel. Paired with Dark Slate Blue, its complement creates a striking visual and high contrast.

#483D8B

#808B3D

#483D8B

#808B3D

Split Complementary

A split complementary scheme for Dark Slate Blue uses the two colors adjacent to its direct complement, offering high contrast with more nuance.

#483D8B

#8B6F3D

#598B3D

#483D8B

#8B6F3D

#598B3D

Triadic

A triadic color scheme for Dark Slate Blue involves two other colors, equally spaced on the color wheel, creating a vibrant and balanced palette.

#483D8B

#8B483D

#3D8B48

#483D8B

#8B483D

#3D8B48

Tetradic

For Dark Slate Blue, a tetradic scheme offers a rich palette by using two pairs of complementary colors arranged in a rectangle on the wheel.

#483D8B

#8B3D59

#808B3D

#3D8B6F

#483D8B

#8B3D59

#808B3D

#3D8B6F

Square

Forming a square on the color wheel, this scheme selects four equidistant hues. The result is a lively, high-contrast palette featuring Dark Slate Blue.

#483D8B

#8B3D59

#808B3D

#3D8B6F

#483D8B

#8B3D59

#808B3D

#3D8B6F

Dark Slate Blue Contrast Simulation

Text Color

#

Background Color

#

9.07

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.

9.07

Excellent

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Dark Slate Blue Color Variations

Shades

Adding black to Dark Slate Blue creates shades, which introduce both depth and weight.

#483D8B

#3E3477

#332C63

#29234F

#1F1A3C

#151128

#0A0914

#000000

#483D8B

#3E3477

#332C63

#29234F

#1F1A3C

#151128

#0A0914

#000000

Tints

Tints of Dark Slate Blue are made by mixing in white, producing softer, airier versions.

#483D8B

#62599C

#7C74AC

#9690BD

#B1ACCD

#CBC8DE

#E5E3EE

#FFFFFF

#483D8B

#62599C

#7C74AC

#9690BD

#B1ACCD

#CBC8DE

#E5E3EE

#FFFFFF

Tones

Tones of Dark Slate Blue are made by adding gray, which softens the color’s saturation.

#483D8B

#504789

#585088

#605A86

#686385

#706D83

#787682

#808080

#483D8B

#504789

#585088

#605A86

#686385

#706D83

#787682

#808080

Hues

Hues are variations of Dark Slate Blue, adjusted for intensity or temperature to evoke distinct feelings.

#483D8B

#833D8B

#8B3D59

#8B5C3D

#808B3D

#458B3D

#3D8B6F

#3D6C8B

#483D8B

#833D8B

#8B3D59

#8B5C3D

#808B3D

#458B3D

#3D8B6F

#3D6C8B

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