Muted Light Gray Balanced

A 5-color combination featuring Light Gray, Light Gray, Light Gray. Perfect for UI design, branding identities, and digital illustrations.

♥ 390 likesgreengraypalette

#C5BABF

#C5BABC

#C5BABA

#C5BCBA

#C5BFBA

Professional Visualization

See how this palette performs in real-world UI mockups.

BrandName

ProductPricingGet Started

Modern Interface Design

Experience the perfect harmony of colors calculated for your brand identity.

Learn More

★

Fast Performance

⚡

Secure Cloud

Color Information & Values

HEX	RGB	HSL	Name	Details
`#C5BABF`	rgb(197, 186, 191)	hsl(333, 9%, 75%)	Light Gray	View
`#C5BABC`	rgb(197, 186, 188)	hsl(349, 9%, 75%)	Light Gray	View
`#C5BABA`	rgb(197, 186, 186)	hsl(0, 9%, 75%)	Light Gray	View
`#C5BCBA`	rgb(197, 188, 186)	hsl(11, 9%, 75%)	Light Gray	View
`#C5BFBA`	rgb(197, 191, 186)	hsl(27, 9%, 75%)	Light Gray	View

Color Psychology & Usage

Psychology

This green-dominant palette evokes a sense of balance and professionalism.

Detailed Analysis

The combination of Light Gray and Light Gray creates a refined visual hierarchy perfect for modern design projects.

Best Applications

Brand IdentityPrint MediaInterior DesignPresentations

Accessibility & Contrast Report

Score: 63%

#C5BABF

On White1.88:1 (Poor)

On Black11.15:1 (Excellent)

#C5BABC

On White1.89:1 (Poor)

On Black11.12:1 (Excellent)

#C5BABA

On White1.89:1 (Poor)

On Black11.11:1 (Excellent)

#C5BCBA

On White1.86:1 (Poor)

On Black11.28:1 (Excellent)

#C5BFBA

On White1.82:1 (Poor)

On Black11.54:1 (Excellent)

These ratios are calculated based on WCAG 2.1 guidelines. A ratio of 4.5:1 is the minimum for standard text, while 7:1 is recommended for high accessibility.

CSS Export

:root {
  --color-1: #C5BABF;
  --color-2: #C5BABC;
  --color-3: #C5BABA;
  --color-4: #C5BCBA;
  --color-5: #C5BFBA;
}

Discover Similar Schemes

Palettes that share visual characteristics and color harmony.