Light Grey
Meet Light Grey (#CBD0CC), a subtle neutral with a quiet strength. Its most striking quality is the faint green undertone, which gives it a unique character that sets it apart from typical grays. This hint of color adds a touch of organic warmth to its cool foundation.
What color is Light Grey?
Light Grey (#CBD0CC) is a soft, airy shade that sits just off-white, carrying a subtle cool temperature from its faint green-blue undertone.
This hint of color gives it a distinct, crisp character compared to a purely neutral grey, lending it a quiet complexity and a serene appearance.
What is the meaning of the color Light Grey (#CBD0CC)?
In color psychology, Light Grey embodies balance and neutrality. It evokes a sense of calm and sophistication, standing as a symbol of composure and reliability without the starkness of pure white.
Historically associated with formality and intellect, this reserved hue provides a stable foundation. It communicates a modern, professional feeling, often linked to timelessness and practicality in design.
How can I effectively use Light Grey in my UI design?
When working with Light Grey, contrast is key. Because #CBD0CC is so pale, pair it with dark text and UI elements to maintain readability. For a clean, minimalist aesthetic, combine it with other neutrals. To add energy, introduce a single, vibrant accent color that will pop against the subtle background, guiding the user's eye to important actions.
While not often used as a primary brand color, its quiet presence is felt in apps like Peloton and Yubo. This subtlety is its strength; Light Grey serves as an excellent supporting hue that allows content, photography, and key interface elements to take center stage without competing for attention.
Explore curated palettes, test your color combinations for accessibility, and preview how Light Grey looks in real UI components from top brands using the tools below.
How do I use the Light Grey color codes?
To apply Light Grey in your projects, you'll need more than just its hex code, #CBD0CC. Different mediums call for different color models; for instance, digital work on screens uses the RGB model, while projects destined for print require CMYK values to ensure color accuracy.
Each code represents the color differently. RGB (Red, Green, Blue) mixes light, making it standard for web and app design. CMYK (Cyan, Magenta, Yellow, Key/Black) is subtractive, based on ink colors for physical media. Other models like HSL (Hue, Saturation, Lightness) give you a more intuitive way to make adjustments.
To help you get started, we've converted Light Grey's #CBD0CC hex code into a range of popular formats. You can find and copy these values directly below.
Analogous
Analogous colors sit next to each other on the color wheel. Paired with Light Grey, they produce a cohesive and calming palette.
Complementary
Complementary colors sit directly opposite each other on the color wheel, creating a striking, high-contrast effect when paired with Light Grey.
Split Complementary
For a high-contrast look with less tension, a split complementary palette pairs Light Grey with the two colors flanking its direct complement.
Triadic
A triadic color scheme for Light Grey involves two other colors equally spaced on the color wheel, creating a vibrant and balanced palette.
Tetradic
A tetradic palette for Light Grey uses two pairs of complementary colors, forming a rich, rectangular arrangement on the color wheel.
Square
Square color schemes pair four equidistant colors on the color wheel. Starting with Light Grey, this method produces a palette with strong, balanced contrast.
Text Color
Background Color
Your Catchy Large Text Goes Here
Shades
Adding black to Light Grey creates its shades, which introduce a sense of depth and substance.
Tints
Tints are lighter versions of Light Grey, created by adding white for a softer feel.
Tones
Tones are created by mixing Light Grey with gray, resulting in a softer, desaturated look.
Hues
Hues are variations of Light Grey, differing in intensity or temperature to create distinct moods.
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.
