← Back to Editor

#C4C3CB · #A1A2A7 · #48534F · #EAF1E9 · #D6D3C4

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#C4C3CB

Silver Gray · Silver · Pearl Gray

HEX
#C4C3CB
RGB
rgb(196, 195, 203)
HSL
hsl(248, 7%, 78%)
HSB
hsb(248, 4%, 80%)
CMYK
cmyk(3%, 4%, 0%, 20%)
Oklch
oklch(82.0% 0.011 291.9)

Traditional「Silver Gray」· Paint「Pearl Gray」· Creative Silver Lining

#A1A2A7

Ash · DarkGray · Silver Sand

HEX
#A1A2A7
RGB
rgb(161, 162, 167)
HSL
hsl(230, 3%, 64%)
HSB
hsb(230, 4%, 65%)
CMYK
cmyk(4%, 3%, 0%, 35%)
Oklch
oklch(71.3% 0.007 277.1)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#48534F

Dark Cyan · DarkSlateGray · Charcoal

HEX
#48534F
RGB
rgb(72, 83, 79)
HSL
hsl(158, 7%, 30%)
HSB
hsb(158, 13%, 33%)
CMYK
cmyk(13%, 0%, 5%, 67%)
Oklch
oklch(43.1% 0.015 171.7)

Traditional「Dark Cyan」· Paint「Charcoal」· Creative Midnight Shadow

#EAF1E9

Celadon · Linen · Mint Green

HEX
#EAF1E9
RGB
rgb(234, 241, 233)
HSL
hsl(113, 22%, 93%)
HSB
hsb(113, 3%, 95%)
CMYK
cmyk(3%, 0%, 3%, 5%)
Oklch
oklch(95.1% 0.013 141.8)

Traditional「Celadon」· Paint「Mint Green」· Creative Mint Breeze

#D6D3C4

Fresh Green · LightGray · Lemon Cream

HEX
#D6D3C4
RGB
rgb(214, 211, 196)
HSL
hsl(50, 18%, 80%)
HSB
hsb(50, 8%, 84%)
CMYK
cmyk(0%, 1%, 8%, 16%)
Oklch
oklch(86.5% 0.021 97.6)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C4C3CB
CACBC3

Analogous

C3C6CB
C4C3CB
C8C3CB

Triadic

C4C3CB
CBC4C3
C3CBC4

Split-Comp.

C4C3CB
CBC8C3
C6CBC3

Tetradic

C4C3CB
CBC3C6
CACBC3
C3CBC8

Contrast Matrix WCAG 2.1 Contrast

C4C3CB
A1A2A7
48534F
EAF1E9
D6D3C4
—
1.5
Fail
4.6
AA
1.5
Fail
1.2
Fail
1.5
Fail
—
3.1
AA Large
2.2
Fail
1.7
Fail
4.6
AA
3.1
AA Large
—
7.0
AA
5.3
AA
1.5
Fail
2.2
Fail
7.0
AA
—
1.3
Fail
1.2
Fail
1.7
Fail
5.3
AA
1.3
Fail
—
White BG
1.7Fail
2.5Fail
8.0AAA
1.2Fail
1.5Fail
Black BG
12.0AAA
8.2AAA
2.6Fail
18.3AAA
14.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C4C4C9
A1A1A6
4D4D50
EDEDEB
D5D5C8

Deuteranopia

C4C4C9
A1A1A6
4C4B50
EDECEB
D5D5C9

Tritanopia

C4C8C7
A1A5A5
495151
EAECED
D6CACB

Achromatopsia

C4C4C4
A2A2A2
4F4F4F
EEEEEE
D2D2D2

Shades & Tints Shades & Tints

#C4C3CB

Dark
Light

#A1A2A7

Dark
Light

#48534F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c4c3cb;
  --color-2: #a1a2a7;
  --color-3: #48534f;
  --color-4: #eaf1e9;
  --color-5: #d6d3c4;
}

SCSS

$color-1: #c4c3cb;
$color-2: #a1a2a7;
$color-3: #48534f;
$color-4: #eaf1e9;
$color-5: #d6d3c4;

TAILWIND

colors: {
  'brand-1': '#c4c3cb',
  'brand-2': '#a1a2a7',
  'brand-3': '#48534f',
  'brand-4': '#eaf1e9',
  'brand-5': '#d6d3c4',
}

RGB Array

[196, 195, 203], [161, 162, 167], [72, 83, 79], [234, 241, 233], [214, 211, 196]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C4C3CB, #A1A2A7, #48534F, #EAF1E9, #D6D3C4 is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #c4c3cb; --color-2: #a1a2a7; --color-3: #48534f; --color-4: #eaf1e9; --color-5: #d6d3c4. LangColor editor supports one-click export to CSS, SCSS, Tailwind, JSON and more. Click the "Export" button to choose your format.

What UI/UX design tips apply to this palette?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. High-contrast palettes naturally meet WCAG accessibility standards. Use the "Contrast Matrix" tool in LangColor editor to check WCAG accessibility levels for every color pair.

Which industries or brands suit this palette?

This general-style 5-color scheme is especially suited for beauty, lifestyle, arts industries. Restrained colors convey professionalism and trust. Click "AI Analysis" in the editor for more detailed brand color suggestions.

🎨 Open this palette in Editor →

Generated by LangColor online color tool · Breaking the barrier between language and color