← Back to Editor

#BDC45C · #A79C83 · #B2977A · #C0D3AC · #C9C9C9

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#BDC45C

Autumn Sage · Tan · Sunflower

HEX
#BDC45C
RGB
rgb(189, 196, 92)
HSL
hsl(64, 47%, 56%)
HSB
hsb(64, 53%, 77%)
CMYK
cmyk(4%, 0%, 53%, 23%)
Oklch
oklch(79.3% 0.128 112.5)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#A79C83

Ginger · DarkGray · Sunflower

HEX
#A79C83
RGB
rgb(167, 156, 131)
HSL
hsl(42, 17%, 58%)
HSB
hsb(42, 22%, 65%)
CMYK
cmyk(0%, 7%, 22%, 35%)
Oklch
oklch(69.5% 0.037 87.1)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#B2977A

Ginger · Tan · Warm Sun

HEX
#B2977A
RGB
rgb(178, 151, 122)
HSL
hsl(31, 27%, 59%)
HSB
hsb(31, 31%, 70%)
CMYK
cmyk(0%, 15%, 31%, 30%)
Oklch
oklch(69.3% 0.052 68.8)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#C0D3AC

Willow Green · Silver · Apple Green

HEX
#C0D3AC
RGB
rgb(192, 211, 172)
HSL
hsl(89, 31%, 75%)
HSB
hsb(89, 18%, 83%)
CMYK
cmyk(9%, 0%, 18%, 17%)
Oklch
oklch(84.2% 0.057 128.8)

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

#C9C9C9

Silver Gray · Silver · Pearl Gray

HEX
#C9C9C9
RGB
rgb(201, 201, 201)
HSL
hsl(0, 0%, 79%)
HSB
hsb(0, 0%, 79%)
CMYK
cmyk(0%, 0%, 0%, 21%)
Oklch
oklch(83.6% 0.000 89.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BDC45C
615AC4

Analogous

C4965A
BDC45C
88C45A

Triadic

BDC45C
5ABDC4
C45ABD

Split-Comp.

BDC45C
5A88C4
965AC4

Tetradic

BDC45C
5AC496
615AC4
C45A88

Contrast Matrix WCAG 2.1 Contrast

BDC45C
A79C83
B2977A
C0D3AC
C9C9C9
—
1.5
Fail
1.5
Fail
1.2
Fail
1.1
Fail
1.5
Fail
—
1.0
Fail
1.7
Fail
1.6
Fail
1.5
Fail
1.0
Fail
—
1.7
Fail
1.7
Fail
1.2
Fail
1.7
Fail
1.7
Fail
—
1.0
Fail
1.1
Fail
1.6
Fail
1.7
Fail
1.0
Fail
—
White BG
1.9Fail
2.7Fail
2.8Fail
1.6Fail
1.7Fail
Black BG
11.2AAA
7.7AAA
7.6AAA
13.2AAA
12.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C0C075
A2A289
A6A681
C8C8B5
C9C9C9

Deuteranopia

C0BF7B
A3A48B
A8AA83
C7C6B8
C9C9C9

Tritanopia

BD898D
A68E8F
B18788
C1BDBF
C9C9C9

Achromatopsia

B6B6B6
9C9C9C
9C9C9C
C9C9C9
C9C9C9

Shades & Tints Shades & Tints

#BDC45C

Dark
Light

#A79C83

Dark
Light

#B2977A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bdc45c;
  --color-2: #a79c83;
  --color-3: #b2977a;
  --color-4: #c0d3ac;
  --color-5: #c9c9c9;
}

SCSS

$color-1: #bdc45c;
$color-2: #a79c83;
$color-3: #b2977a;
$color-4: #c0d3ac;
$color-5: #c9c9c9;

TAILWIND

colors: {
  'brand-1': '#bdc45c',
  'brand-2': '#a79c83',
  'brand-3': '#b2977a',
  'brand-4': '#c0d3ac',
  'brand-5': '#c9c9c9',
}

RGB Array

[189, 196, 92], [167, 156, 131], [178, 151, 122], [192, 211, 172], [201, 201, 201]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BDC45C, #A79C83, #B2977A, #C0D3AC, #C9C9C9 is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs. Low-saturation colors convey a sophisticated, premium feel. 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: #bdc45c; --color-2: #a79c83; --color-3: #b2977a; --color-4: #c0d3ac; --color-5: #c9c9c9. 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 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