← Back to Editor

#B6BBAA · #BCBBA2 · #B8A597 · #B87C8C · #786864

space

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#B6BBAA

Willow Green · DarkGray · Apple Green

HEX
#B6BBAA
RGB
rgb(182, 187, 170)
HSL
hsl(78, 11%, 70%)
HSB
hsb(78, 9%, 73%)
CMYK
cmyk(3%, 0%, 9%, 27%)
Oklch
oklch(78.3% 0.024 120.3)

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

#BCBBA2

Fresh Green · DarkGray · Sunflower

HEX
#BCBBA2
RGB
rgb(188, 187, 162)
HSL
hsl(58, 16%, 69%)
HSB
hsb(58, 14%, 74%)
CMYK
cmyk(0%, 1%, 14%, 26%)
Oklch
oklch(78.6% 0.034 105.3)

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

#B8A597

Apricot · DarkGray · Warm Sun

HEX
#B8A597
RGB
rgb(184, 165, 151)
HSL
hsl(25, 19%, 66%)
HSB
hsb(25, 18%, 72%)
CMYK
cmyk(0%, 10%, 18%, 28%)
Oklch
oklch(73.4% 0.030 58.7)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#B87C8C

Dark Violet · DarkGray · Rose Pink

HEX
#B87C8C
RGB
rgb(184, 124, 140)
HSL
hsl(344, 30%, 60%)
HSB
hsb(344, 33%, 72%)
CMYK
cmyk(0%, 33%, 24%, 28%)
Oklch
oklch(65.2% 0.077 2.0)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#786864

Crimson · DimGray · Warm Gray

HEX
#786864
RGB
rgb(120, 104, 100)
HSL
hsl(12, 9%, 43%)
HSB
hsb(12, 17%, 47%)
CMYK
cmyk(0%, 13%, 17%, 53%)
Oklch
oklch(53.1% 0.021 34.3)

Traditional「Crimson」· Paint「Warm Gray」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B6BBAA
AFAABB

Analogous

BBB8AA
B6BBAA
ADBBAA

Triadic

B6BBAA
AAB6BB
BBAAB6

Split-Comp.

B6BBAA
AAADBB
B8AABB

Tetradic

B6BBAA
AABBB8
AFAABB
BBAAAD

Contrast Matrix WCAG 2.1 Contrast

B6BBAA
BCBBA2
B8A597
B87C8C
786864
—
1.0
Fail
1.2
Fail
1.7
Fail
2.7
Fail
1.0
Fail
—
1.2
Fail
1.7
Fail
2.7
Fail
1.2
Fail
1.2
Fail
—
1.4
Fail
2.2
Fail
1.7
Fail
1.7
Fail
1.4
Fail
—
1.6
Fail
2.7
Fail
2.7
Fail
2.2
Fail
1.6
Fail
—
White BG
2.0Fail
2.0Fail
2.4Fail
3.3AA Large
5.3AA
Black BG
10.7AAA
10.8AAA
8.9AAA
6.3AA
4.0AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

B8B8AE
BCBCA8
B0B09A
9E9D88
717165

Deuteranopia

B8B8AF
BCBCAA
B1B29B
A2A687
727365

Tritanopia

B6B1B2
BCADAE
B79D9E
B58584
776666

Achromatopsia

B8B8B8
B8B8B8
A9A9A9
909090
6C6C6C

Shades & Tints Shades & Tints

#B6BBAA

Dark
Light

#BCBBA2

Dark
Light

#B8A597

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b6bbaa;
  --color-2: #bcbba2;
  --color-3: #b8a597;
  --color-4: #b87c8c;
  --color-5: #786864;
}

SCSS

$color-1: #b6bbaa;
$color-2: #bcbba2;
$color-3: #b8a597;
$color-4: #b87c8c;
$color-5: #786864;

TAILWIND

colors: {
  'brand-1': '#b6bbaa',
  'brand-2': '#bcbba2',
  'brand-3': '#b8a597',
  'brand-4': '#b87c8c',
  'brand-5': '#786864',
}

RGB Array

[182, 187, 170], [188, 187, 162], [184, 165, 151], [184, 124, 140], [120, 104, 100]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #B6BBAA, #BCBBA2, #B8A597, #B87C8C, #786864 is ideal for: brand design, premium product pages, magazine layouts. 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: #b6bbaa; --color-2: #bcbba2; --color-3: #b8a597; --color-4: #b87c8c; --color-5: #786864. 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. 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 space-style 5-color scheme is especially suited for tech, SaaS, healthcare, eco 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