Rock Bottom

Meet Rock Bottom (#484C49), a complex dark shade that offers more than meets the eye. Its striking quality comes from subtle green undertones, giving this near-black a distinct character that separates it from standard charcoals and adds a quiet depth to your palette.

What color is Rock Bottom?

What is the meaning of Rock Bottom?

How do I use Rock Bottom (#484C49) in UI design?

Using Rock Bottom color codes

Rock Bottom

#484C49

Access our full UI & UX library today.

What color is Rock Bottom?

What is the meaning of Rock Bottom?

How do I use Rock Bottom (#484C49) in UI design?

Using Rock Bottom color codes

Rock Bottom Code Conversions

HEX

#484C49

LAB

32, -2, 1

RGB

72, 76, 73

XYZ

6.5, 7.0, 7.3

HSL

135°, 3%, 29%

LCH

32, 3, 152°

HSB

135°, 5%, 30%

LUV

32, -2, 2

CMYK

5, 0, 4, 70

CMYK

5, 0, 4, 70

HWB

135°, 28%, 70%

Rock Bottom Color Harmonies

Analogous

Analogous colors are neighbors on the color wheel. When paired with Rock Bottom, they create a harmonious and visually pleasing palette with a tranquil effect.

#494C48

#484C49

#484C4B

#494C48

#484C49

#484C4B

Complementary

Complementary colors are opposites on the color wheel. Paired with Rock Bottom, they create a striking, high-contrast visual that makes any design pop.

#484C49

#4C484B

#484C49

#4C484B

Split Complementary

A split complementary scheme pairs Rock Bottom with the two colors neighboring its direct complement, creating a vibrant yet balanced and versatile palette.

#484C49

#4B484C

#4C4849

#484C49

#4B484C

#4C4849

Triadic

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

#484C49

#49484C

#4C4948

#484C49

#49484C

#4C4948

Tetradic

A tetradic scheme uses two complementary color pairs. For Rock Bottom, this creates a balanced four-color palette offering both harmony and high contrast.

#484C49

#48494C

#4C484B

#4C4B48

#484C49

#48494C

#4C484B

#4C4B48

Square

Using Rock Bottom as a base, a square scheme adds three equidistant colors from the color wheel for a balanced yet highly contrasting effect.

#484C49

#48494C

#4C484B

#4C4B48

#484C49

#48494C

#4C484B

#4C4B48

Rock Bottom Contrast Simulation

Text Color

#

Background Color

#

8.73

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.

8.73

Excellent

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Rock Bottom Color Variations

Shades

Shades are darker versions of Rock Bottom, made by adding black for more depth and weight.

#484C49

#3E413F

#333634

#292B2A

#1F211F

#151615

#0A0B0A

#000000

#484C49

#3E413F

#333634

#292B2A

#1F211F

#151615

#0A0B0A

#000000

Tints

Tints are lighter versions of Rock Bottom, created by adding white to soften the hue.

#484C49

#626663

#7C7F7D

#969997

#B1B2B1

#CBCCCB

#E5E5E5

#FFFFFF

#484C49

#626663

#7C7F7D

#969997

#B1B2B1

#CBCCCB

#E5E5E5

#FFFFFF

Tones

Tones are muted versions of Rock Bottom, created by adding gray to soften its saturation.

#484C49

#505351

#585B59

#606261

#686A68

#707170

#787978

#808080

#484C49

#505351

#585B59

#606261

#686A68

#707170

#787978

#808080

Hues

Hues are variations of Rock Bottom, sharing its base but differing in intensity or temperature.

#484C49

#484C4C

#48494C

#4A484C

#4C484B

#4C4848

#4C4B48

#4A4C48

#484C49

#484C4C

#48494C

#4A484C

#4C484B

#4C4848

#4C4B48

#4A4C48

What Interfaces Use Colors Like Rock Bottom?

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