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.

Rhinestone
#BCC1BE
Copy
Copied
Access our full UI & UX library today.
Join for free

What color is Rhinestone?

Rhinestone is a cool, complex neutral—a very light gray with a subtle green cast that gives it a soft, desaturated appearance.

This hint of green provides a quiet character, distinguishing it from a stark, flat gray while maintaining its versatile, near-white quality.

What is the symbolic meaning of the color Rhinestone (#BCC1BE)?

The color Rhinestone, #BCC1BE, suggests a quiet sophistication and balance. It brings to mind the tranquility of a misty morning or the smoothness of a river stone, creating a sense of calm and stability.

Its name hints at an understated glamour, a subtle sparkle that provides elegance without being ostentatious, making it a timeless and versatile choice.

How can I use Rhinestone in my UI design?

In UI and web design, Rhinestone works best as a sophisticated, neutral foundation. The color #BCC1BE provides a soft backdrop that allows darker text and vibrant accent colors to stand out, creating a clear visual hierarchy. Consider it for backgrounds, sidebars, or inactive UI states to build a clean, composed interface without the starkness of pure white.

While not a dominant color in the branding world, a select group of companies like Amie, Podia, and Endel incorporate shades similar to Rhinestone. This choice often points to a brand identity centered on calmness and clarity, offering a unique alternative to more common neutral palettes.

To see how Rhinestone performs in practice, use the tools below. You can explore curated palettes, test your color pairings for accessibility compliance, and preview #BCC1BE in UI components from well-known applications.

How do I use the Rhinestone color codes?

Using Rhinestone in your digital projects starts with its hex code, #BCC1BE. This code is the standard for specifying colors in web browsers and design software, allowing you to apply it with precision across your user interfaces and graphics.

While #BCC1BE is perfect for the web, you may need to convert it for other mediums. RGB values are fundamental for digital screens, defining the color through red, green, and blue light. For physical products or printed materials, you will need the CMYK values, which correspond to the ink colors used in printing. Other models like HSL provide an intuitive way to modify color attributes like saturation and lightness.

To help you get started, we've converted #BCC1BE into a range of common formats. You can find and copy the exact codes you need for your project below.

Rhinestone Code Conversions

HEX
#BCC1BE
Copy
Copied
LAB
34.74, -20.85, 14.42
Copy
Copied
RGB
53, 90, 58
Copy
Copied
XYZ
5.89, 8.37, 5.31
Copy
Copied
HSL
128°, 26%, 28%
Copy
Copied
LCH
34.74, 25.35, 145.33°
Copy
Copied
HSB
128°, 41%, 35%
Copy
Copied
LUV
34.74, -7.15, 19.17
Copy
Copied
CMYK
41%, 0%, 36%, 65%
Copy
Copied
HWB
128°, 21%, 65%
Copy
Copied

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.

#123456
#123456
#123456

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.

#123456
#123456

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.

#123456
#123456
#123456

Triadic

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

#123456
#123456
#123456

Tetradic

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

#123456
#123456
#123456
#123456

Square

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

#123456
#123456
#123456
#123456

Rhinestone Color Variations

Shades

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

#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied

Tints

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

#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied

Tones

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

#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied

Hues

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

#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied

What Interfaces Use Colors Like Rhinestone?

No items found.
Keep the inspiration going with Mobbin
Join for free
No items found.

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.

Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Nike
Brand Logo Image
Pinterest
Logo Image
Coinbase
Wise Logo Image
Wise
Headspace Logo Image
Headspace
Airbnb Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion