Cracked Pepper

Meet Cracked Pepper (#4F5152), a soft black that offers a sophisticated alternative to true black. This near-black charcoal provides a solid foundation for palettes, bringing a grounded yet gentle quality to any interface without the usual harshness of pure black.

What color is Cracked Pepper?

What is the meaning of Cracked Pepper?

How do I use Cracked Pepper (#4F5152) in UI design?

Using Cracked Pepper color codes

Cracked Pepper

#4F5152

Access our full UI & UX library today.

What color is Cracked Pepper?

What is the meaning of Cracked Pepper?

How do I use Cracked Pepper (#4F5152) in UI design?

Using Cracked Pepper color codes

Cracked Pepper Code Conversions

HEX

#4F5152

LAB

34, -1, -1

RGB

79, 81, 82

XYZ

7.7, 8.2, 9.2

HSL

200°, 2%, 32%

LCH

34, 1, 236°

HSB

200°, 4%, 32%

LUV

34, -1, -1

CMYK

4, 1, 0, 68

CMYK

4, 1, 0, 68

HWB

200°, 31%, 68%

Cracked Pepper Color Harmonies

Analogous

Analogous colors are neighbors on the color wheel. Paired with Cracked Pepper, they create a harmonious and visually soothing palette for any design.

#4F5252

#4F5152

#4F4F52

#4F5252

#4F5152

#4F4F52

Complementary

Complementary colors are opposites on the color wheel. When paired with Cracked Pepper, they create a striking, high-contrast visual effect.

#4F5152

#52504F

#4F5152

#52504F

Split Complementary

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

#4F5152

#524F4F

#52524F

#4F5152

#524F4F

#52524F

Triadic

A triadic scheme pairs Cracked Pepper with two other hues, equally spaced on the color wheel, for a vibrant, high-contrast combination.

#4F5152

#524F51

#51524F

#4F5152

#524F51

#51524F

Tetradic

Formed by two complementary color pairs, a tetradic scheme creates a rich, balanced palette. See how Cracked Pepper anchors these rectangular combinations.

#4F5152

#524F52

#52504F

#4F524F

#4F5152

#524F52

#52504F

#4F524F

Square

A square color scheme features four hues equidistant on the color wheel. This arrangement offers a rich, high-contrast palette built around Cracked Pepper.

#4F5152

#524F52

#52504F

#4F524F

#4F5152

#524F52

#52504F

#4F524F

Cracked Pepper Contrast Simulation

Text Color

#

Background Color

#

7.98

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.

7.98

Excellent

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Cracked Pepper Color Variations

Shades

Shades of Cracked Pepper are darker versions made by adding black, creating depth and weight.

#4F5152

#444546

#383A3B

#2D2E2F

#222323

#171717

#0B0C0C

#000000

#4F5152

#444546

#383A3B

#2D2E2F

#222323

#171717

#0B0C0C

#000000

Tints

Tints are lighter versions of Cracked Pepper, created by adding white for a softer, gentler appearance.

#4F5152

#686A6B

#818383

#9A9C9C

#B4B4B5

#CDCDCE

#E6E6E6

#FFFFFF

#4F5152

#686A6B

#818383

#9A9C9C

#B4B4B5

#CDCDCE

#E6E6E6

#FFFFFF

Tones

Tones of Cracked Pepper are created by adding gray, which softens the color's saturation.

#4F5152

#565859

#5D5E5F

#646566

#6B6C6C

#727373

#797979

#808080

#4F5152

#565859

#5D5E5F

#646566

#6B6C6C

#727373

#797979

#808080

Hues

Hues are variations of Cracked Pepper, sharing its base but differing in intensity and temperature.

#4F5152

#4F4F52

#524F52

#524F50

#52504F

#52524F

#4F524F

#4F5251

#4F5152

#4F4F52

#524F52

#524F50

#52504F

#52524F

#4F524F

#4F5251

What Interfaces Use Colors Like Cracked Pepper?

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