Rhinestone

Meet Rhinestone (#BCC1BE), a subtle off-white with a cool, silvery-green undertone. Its quiet complexity offers a sophisticated alternative to standard grays, providing a neutral base that has character without being overpowering, making it a striking choice for clean interfaces.

What color is Rhinestone?

What is the meaning of Rhinestone?

How do I use Rhinestone (#BCC1BE) in UI design?

Using Rhinestone color codes

Rhinestone

#BCC1BE

Access our full UI & UX library today.

What color is Rhinestone?

What is the meaning of Rhinestone?

How do I use Rhinestone (#BCC1BE) in UI design?

Using Rhinestone color codes

Rhinestone Code Conversions

HEX

#BCC1BE

LAB

78, -2, 1

RGB

188, 193, 190

XYZ

49.1, 52.5, 56.3

HSL

144°, 4%, 75%

LCH

78, 2, 158°

HSB

144°, 3%, 76%

LUV

78, -3, 2

CMYK

3, 0, 2, 24

CMYK

3, 0, 2, 24

HWB

144°, 74%, 24%

Rhinestone Color Harmonies

Analogous

An analogous scheme pairs Rhinestone with two adjacent colors from the wheel, creating a unified and tranquil composition for any interface design.

#BDC1BC

#BCC1BE

#BCC1C1

#BDC1BC

#BCC1BE

#BCC1C1

Complementary

Complementary colors are opposites on the color wheel. When paired with Rhinestone, they create a striking, high-contrast visual effect that makes both colors pop.

#BCC1BE

#C1BCBF

#BCC1BE

#C1BCBF

Split Complementary

A split complementary scheme for Rhinestone uses the two colors adjacent to its direct complement, offering a high-contrast palette with less tension.

#BCC1BE

#C1BCC1

#C1BCBD

#BCC1BE

#C1BCC1

#C1BCBD

Triadic

A triadic color scheme involves three colors positioned at equal distances on the color wheel, creating a vibrant, high-contrast look with Rhinestone.

#BCC1BE

#BEBCC1

#C1BEBC

#BCC1BE

#BEBCC1

#C1BEBC

Tetradic

Tetradic schemes pair Rhinestone with three other colors, creating a rich palette from two sets of complementary colors arranged in a rectangle.

#BCC1BE

#BCBDC1

#C1BCBF

#C1C1BC

#BCC1BE

#BCBDC1

#C1BCBF

#C1C1BC

Square

A square color scheme pairs Rhinestone with three other colors, all equidistant on the color wheel, creating a vibrant and high-contrast palette.

#BCC1BE

#BCBDC1

#C1BCBF

#C1C1BC

#BCC1BE

#BCBDC1

#C1BCBF

#C1C1BC

Rhinestone Contrast Simulation

Text Color

#

Background Color

#

11.51

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.

11.51

Excellent

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Rhinestone Color Variations

Shades

Shades of Rhinestone are darker versions made by adding black for depth and weight.

#BCC1BE

#A1A5A3

#868A88

#6B6E6D

#515351

#363736

#1B1C1B

#000000

#BCC1BE

#A1A5A3

#868A88

#6B6E6D

#515351

#363736

#1B1C1B

#000000

Tints

By adding white to Rhinestone, you create tints—lighter variations that introduce a softer quality.

#BCC1BE

#C6CAC7

#CFD3D1

#D9DCDA

#E2E4E3

#ECEDEC

#F5F6F6

#FFFFFF

#BCC1BE

#C6CAC7

#CFD3D1

#D9DCDA

#E2E4E3

#ECEDEC

#F5F6F6

#FFFFFF

Tones

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

#BCC1BE

#B3B8B5

#ABAEAC

#A2A5A3

#9A9C9B

#919392

#898989

#808080

#BCC1BE

#B3B8B5

#ABAEAC

#A2A5A3

#9A9C9B

#919392

#898989

#808080

Hues

Hues are variations of Rhinestone (#BCC1BE) that share its base color but differ in intensity or temperature.

#BCC1BE

#BCC0C1

#BCBDC1

#BFBCC1

#C1BCBF

#C1BDBC

#C1C1BC

#BEC1BC

#BCC1BE

#BCC0C1

#BCBDC1

#BFBCC1

#C1BCBF

#C1BDBC

#C1C1BC

#BEC1BC

What Interfaces Use Colors Like Rhinestone?

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