#C5C9BB + #C0C7A9 + #BDC991 + #E3F906 + #B3B3AA - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryClean

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#C5C9BB

Willow Green · Silver · Apple Green

HEX

#C5C9BB

RGB

rgb(197, 201, 187)

HSL

hsl(77, 11%, 76%)

HSB

hsb(77, 7%, 79%)

CMYK

cmyk(2%, 0%, 7%, 21%)

Oklch

oklch(82.9% 0.020 119.8)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

#C0C7A9

Willow Green · Silver · Apple Green

HEX

#C0C7A9

RGB

rgb(192, 199, 169)

HSL

hsl(74, 21%, 72%)

HSB

hsb(74, 15%, 78%)

CMYK

cmyk(4%, 0%, 15%, 22%)

Oklch

oklch(81.6% 0.042 118.0)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

#BDC991

Willow Green · Tan · Apple Green

HEX

#BDC991

RGB

rgb(189, 201, 145)

HSL

hsl(73, 34%, 68%)

HSB

hsb(73, 28%, 79%)

CMYK

cmyk(6%, 0%, 28%, 21%)

Oklch

oklch(81.3% 0.076 118.0)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

#E3F906

Autumn Sage · Yellow · Honey Gold

HEX

#E3F906

RGB

rgb(227, 249, 6)

HSL

hsl(65, 95%, 50%)

HSB

hsb(65, 98%, 98%)

CMYK

cmyk(9%, 0%, 98%, 2%)

Oklch

oklch(93.4% 0.213 116.1)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#B3B3AA

Ash · DarkGray · Silver Sand

HEX

#B3B3AA

RGB

rgb(179, 179, 170)

HSL

hsl(60, 6%, 68%)

HSB

hsb(60, 5%, 70%)

CMYK

cmyk(0%, 0%, 5%, 30%)

Oklch

oklch(76.4% 0.013 106.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C5C9BB

BFBBC9

Analogous

C9C6BB

C5C9BB

BEC9BB

Triadic

C5C9BB

BBC5C9

C9BBC5

Split-Comp.

C5C9BB

BBBEC9

C6BBC9

Tetradic

C5C9BB

BBC9C6

BFBBC9

C9BBBE

Contrast Matrix WCAG 2.1 Contrast

C5C9BB	C0C7A9	BDC991	E3F906	B3B3AA
—	1.0 Fail	1.0 Fail	1.4 Fail	1.3 Fail
1.0 Fail	—	1.0 Fail	1.5 Fail	1.2 Fail
1.0 Fail	1.0 Fail	—	1.5 Fail	1.2 Fail
1.4 Fail	1.5 Fail	1.5 Fail	—	1.8 Fail
1.3 Fail	1.2 Fail	1.2 Fail	1.8 Fail	—

White BG

1.7Fail

1.8Fail

1.2Fail

2.1Fail

Black BG

12.4AAA

12.0AAA

11.9AAA

17.8AAA

9.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C7C7BE

C3C3B0

C2C29F

EDED41

B3B3AC

Deuteranopia

C7C6BF

C3C2B2

C2C1A2

EBEA4F

B3B3AD

Tritanopia

C5C1C2

C0B6B7

BEA9AC

E46F79

B3AEAE

Achromatopsia

C6C6C6

C1C1C1

BFBFBF

D7D7D7

B2B2B2

Shades & Tints Shades & Tints

#C5C9BB

Dark

Light

#C0C7A9

Dark

Light

#BDC991

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c5c9bb;
  --color-2: #c0c7a9;
  --color-3: #bdc991;
  --color-4: #e3f906;
  --color-5: #b3b3aa;
}

SCSS

$color-1: #c5c9bb;
$color-2: #c0c7a9;
$color-3: #bdc991;
$color-4: #e3f906;
$color-5: #b3b3aa;

TAILWIND

colors: {
  'brand-1': '#c5c9bb',
  'brand-2': '#c0c7a9',
  'brand-3': '#bdc991',
  'brand-4': '#e3f906',
  'brand-5': '#b3b3aa',
}

RGB Array

[197, 201, 187], [192, 199, 169], [189, 201, 145], [227, 249, 6], [179, 179, 170]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C5C9BB, #C0C7A9, #BDC991, #E3F906, #B3B3AA is ideal for: health products, baby brands, fresh-style blogs. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #c5c9bb; --color-2: #c0c7a9; --color-3: #bdc991; --color-4: #e3f906; --color-5: #b3b3aa. 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. 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 tech, SaaS, healthcare, eco industries. 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