Pebble Color Code: HEX Code & RGB Code Values

Looking for specific pebble color code? Get exact pebble hex code #B8B2A7 and pebble RGB code rgb(184,178,167). Complete color information for design and development projects featuring this smooth, natural warm grey color.

HEX#B8B2A7

RGBrgb(184,178,167)

Shades of Pebble

Create custom shades of pebble with our color generator. Adjust hues, tints, and tones to find the perfect shade of pebble for your project.

Color Picker

🎨

HEX Color Value

Pick from Image

Shades (Adding Black)

• B8B2A7

  rgb(184, 178, 167)
• 979289

  rgb(151, 146, 137)
• 77736C

  rgb(119, 115, 108)
• 585551

  rgb(88, 85, 81)
• 3B3936

  rgb(59, 57, 54)
• 20201E

  rgb(32, 32, 30)
• 000000

  rgb(0, 0, 0)

Tints (Adding White)

• B8B2A7

  rgb(184, 178, 167)
• C4BEB5

  rgb(196, 190, 181)
• CFCBC4

  rgb(207, 203, 196)
• DBD8D2

  rgb(219, 216, 210)
• E7E5E1

  rgb(231, 229, 225)
• F3F2F0

  rgb(243, 242, 240)
• FFFFFF

  rgb(255, 255, 255)

Tones (Adding Gray)

• B8B2A7

  rgb(184, 178, 167)
• B7B2A8

  rgb(183, 178, 168)
• B7B2AA

  rgb(183, 178, 170)
• B6B2AC

  rgb(182, 178, 172)
• B5B2AE

  rgb(181, 178, 174)
• B4B2B0

  rgb(180, 178, 176)
• 808080

  rgb(128, 128, 128)

Pebble Palette

Explore curated and automatically generated color palettes featuring pebble. See how it harmonizes with other colors for UI themes, graphics, and branding materials.

Color Picker

🎨

HEX Color Value

Sequential

Single hue gradient for data visualization

7 colors

Lightest

#F7F2EA

Light

#E2DCD3

Medium Light

#CDC7BD

Medium

#B8B2A7

Medium Dark

#938E86

Dark

#706C66

Darkest

#4F4C47

Diverging

Dual hue gradient with a neutral midpoint

9 colors

Base End

#B8B2A7

Left Dark

#C7C2BA

Left Medium

#D6D3CD

Left Light

#E6E4E1

Neutral

#F5F5F5

Right Light

#E1E3E5

Right Medium

#CDD0D6

Right Dark

#BABFC7

Complementary End

#A7ADB8

Monochromatic

Same hue, different brightness/saturation

5 colors

Lightest

#FFFFFF

Light

#DBD8D2

Medium

#B8B2A7

Dark

#5A554B

Darkest

#000000

Analogous

Colors adjacent on the color wheel (30° apart)

5 colors

Left Adjacent 2

#B8A7AD

Left Adjacent 1

#B8AAA7

Main

#B8B2A7

Right Adjacent 1

#B6B8A7

Right Adjacent 2

#ADB8A7

Complementary

Colors opposite on the color wheel (180° apart)

2 colors

Main

#B8B2A7

Complementary

#A7ADB8

Triadic

Evenly spaced around the color wheel (120° apart)

3 colors

Main

#B8B2A7

Secondary

#A7B8B2

Tertiary

#B2A7B8

Square

Four colors evenly spaced (90° apart)

4 colors

Main

#B8B2A7

Right 90°

#A7B8AA

Complementary

#A7ADB8

Left 90°

#B8A7B6

Tetradic

Two pairs of complementary colors

4 colors

Main

#B8B2A7

Secondary

#ADB8A7

Complementary

#A7ADB8

Complementary Secondary

#B2A7B8

Split Complementary

Complementary colors ±30°

3 colors

Main

#B8B2A7

Split Left

#A7B6B8

Split Right

#AAA7B8

Cyclic

Circular gradient for periodic data

8 colors

0°

#B8B2A7

45°

#B1B8A7

90°

#A7B8AA

135°

#A7B8B6

180°

#A7ADB8

225°

#AEA7B8

270°

#B8A7B6

315°

#B8A7A9

Pastel

Soft, desaturated colors for modern UI

6 colors

Light Pastel

#BAB5AB

Pastel 1

#C3BFB6

Pastel 2

#CDC9C1

Pastel 3

#D6D2CD

Pastel 4

#DFDCD8

Deep Pastel

#E8E6E3

Common Grey Color Codes (HEX & RGB)

Gray/Grey →

HEX:#808080

RGB:rgb(128, 128, 128)

Silver →

HEX:#C0C0C0

RGB:rgb(192,192,192)

Dark Grey →

HEX:#A9A9A9

RGB:rgb(169, 169, 169)

Extract Pebble Hex & RGB Codes from Image

Upload a photo to find the exact pebble HEX and RGB codes.

click or drag your image here

Supported formats: JPG, PNG, WebP

Pebble Color Code Converter

Instantly convert between HEX, RGB, CMYK, and more for pebble shades.

Color Picker

🎨

HEX Color Value

All Formats:

• HEX:
  #B8B2A7
• RGB:
  rgb(184, 178, 167)
• CMYK:
  cmyk(0%, 3%, 9%, 28%)
• HSV:
  hsv(39°, 9%, 72%)
• HSL:
  hsl(39°, 11%, 69%)

---

What is Pebble?

Pebble is a smooth, natural warm grey color named after pebbles found on beaches and riverbeds. It's an earthy, organic shade that evokes feelings of nature and tranquility. This color is often associated with outdoor environments, natural materials, and calming aesthetics.

The hex code for pebble is #B8B2A7, with RGB values of rgb(184, 178, 167). It's an earthy, beautiful color that adds natural warmth to any design.

Design Applications

Pebble works well in outdoor designs, nature branding, and organic aesthetics. It pairs beautifully with greens, browns, and soft blues. Use it for outdoor products, nature designs, or to create a calming, natural atmosphere in your projects.

FAQ

What is the pebble hex code?

The pebble hex code is #B8B2A7.

What colors complement pebble?

Pebble pairs well with greens, browns, soft blues, and cream.

Is pebble named after the stone?

Yes, it's named for the smooth pebbles found in nature.