← Back to Editor

#BCBB8A · #EAE7D8 · #FEFAD5 · #C8BE8E · #000000

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#BCBB8A

Fresh Green · Tan · Sunflower

HEX
#BCBB8A
RGB
rgb(188, 187, 138)
HSL
hsl(59, 27%, 64%)
HSB
hsb(59, 27%, 74%)
CMYK
cmyk(0%, 1%, 27%, 26%)
Oklch
oklch(78.1% 0.066 106.9)

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

#EAE7D8

Fresh Green · Beige · Lemon Cream

HEX
#EAE7D8
RGB
rgb(234, 231, 216)
HSL
hsl(50, 30%, 88%)
HSB
hsb(50, 8%, 92%)
CMYK
cmyk(0%, 1%, 8%, 8%)
Oklch
oklch(92.6% 0.020 97.5)

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

#FEFAD5

Fresh Green · LightYellow · Lemon Cream

HEX
#FEFAD5
RGB
rgb(254, 250, 213)
HSL
hsl(54, 95%, 92%)
HSB
hsb(54, 16%, 100%)
CMYK
cmyk(0%, 2%, 16%, 0%)
Oklch
oklch(97.9% 0.048 102.2)

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

#C8BE8E

Fresh Green · Tan · Sunflower

HEX
#C8BE8E
RGB
rgb(200, 190, 142)
HSL
hsl(50, 35%, 67%)
HSB
hsb(50, 29%, 78%)
CMYK
cmyk(0%, 5%, 29%, 22%)
Oklch
oklch(79.8% 0.065 97.7)

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

#000000

Ink Black · Black · Jet Black

HEX
#000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
HSB
hsb(0, 0%, 0%)
CMYK
cmyk(0%, 0%, 0%, 100%)
Oklch
oklch(0.0% 0.000 0.0)

Traditional「Ink Black」· Paint「Jet Black」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BCBB8A
8A8BBC

Analogous

BCA28A
BCBB8A
A4BC8A

Triadic

BCBB8A
8ABCBB
BB8ABC

Split-Comp.

BCBB8A
8AA4BC
A28ABC

Tetradic

BCBB8A
8ABCA2
8A8BBC
BC8AA4

Contrast Matrix WCAG 2.1 Contrast

BCBB8A
EAE7D8
FEFAD5
C8BE8E
000000
—
1.6
Fail
1.9
Fail
1.1
Fail
10.6
AAA
1.6
Fail
—
1.2
Fail
1.5
Fail
16.9
AAA
1.9
Fail
1.2
Fail
—
1.8
Fail
19.8
AAA
1.1
Fail
1.5
Fail
1.8
Fail
—
11.2
AAA
10.6
AAA
16.9
AAA
19.8
AAA
11.2
AAA
—
White BG
2.0Fail
1.2Fail
1.1Fail
1.9Fail
21.0AAA
Black BG
10.6AAA
16.9AAA
19.8AAA
11.2AAA
1.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

BCBC96
E9E9DC
FCFCDE
C4C49A
000000

Deuteranopia

BCBC99
E9E9DD
FDFDE0
C4C59C
000000

Tritanopia

BC9FA1
EADEDF
FEE5E7
C8A3A5
000000

Achromatopsia

B6B6B6
E6E6E6
F7F7F7
BCBCBC
000000

Shades & Tints Shades & Tints

#BCBB8A

Dark
Light

#EAE7D8

Dark
Light

#FEFAD5

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bcbb8a;
  --color-2: #eae7d8;
  --color-3: #fefad5;
  --color-4: #c8be8e;
  --color-5: #000000;
}

SCSS

$color-1: #bcbb8a;
$color-2: #eae7d8;
$color-3: #fefad5;
$color-4: #c8be8e;
$color-5: #000000;

TAILWIND

colors: {
  'brand-1': '#bcbb8a',
  'brand-2': '#eae7d8',
  'brand-3': '#fefad5',
  'brand-4': '#c8be8e',
  'brand-5': '#000000',
}

RGB Array

[188, 187, 138], [234, 231, 216], [254, 250, 213], [200, 190, 142], [0, 0, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BCBB8A, #EAE7D8, #FEFAD5, #C8BE8E, #000000 is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #bcbb8a; --color-2: #eae7d8; --color-3: #fefad5; --color-4: #c8be8e; --color-5: #000000. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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 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