← Back to Editor

#C7C6A7 · #BCAA9C · #B58B8D · #638179 · #776D64

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#C7C6A7

Fresh Green · Silver · Sunflower

HEX
#C7C6A7
RGB
rgb(199, 198, 167)
HSL
hsl(58, 22%, 72%)
HSB
hsb(58, 16%, 78%)
CMYK
cmyk(0%, 1%, 16%, 22%)
Oklch
oklch(81.9% 0.042 105.8)

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

#BCAA9C

Apricot · DarkGray · Warm Sun

HEX
#BCAA9C
RGB
rgb(188, 170, 156)
HSL
hsl(26, 19%, 67%)
HSB
hsb(26, 17%, 74%)
CMYK
cmyk(0%, 10%, 17%, 26%)
Oklch
oklch(75.0% 0.029 60.2)

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

#B58B8D

Peach Pink · DarkGray · Coral Red

HEX
#B58B8D
RGB
rgb(181, 139, 141)
HSL
hsl(357, 22%, 63%)
HSB
hsb(357, 23%, 71%)
CMYK
cmyk(0%, 23%, 22%, 29%)
Oklch
oklch(67.7% 0.051 15.3)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#638179

Mineral Blue · SlateGray · Mint Ice

HEX
#638179
RGB
rgb(99, 129, 121)
HSL
hsl(164, 13%, 45%)
HSB
hsb(164, 23%, 51%)
CMYK
cmyk(23%, 0%, 6%, 49%)
Oklch
oklch(57.8% 0.036 176.8)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#776D64

Tangerine · DimGray · Warm Gray

HEX
#776D64
RGB
rgb(119, 109, 100)
HSL
hsl(28, 9%, 43%)
HSB
hsb(28, 16%, 47%)
CMYK
cmyk(0%, 8%, 16%, 53%)
Oklch
oklch(54.1% 0.019 64.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C7C6A7
A8A9C7

Analogous

C7B7A8
C7C6A7
B9C7A8

Triadic

C7C6A7
A8C7C6
C6A8C7

Split-Comp.

C7C6A7
A8B9C7
B7A8C7

Tetradic

C7C6A7
A8C7B7
A8A9C7
C7A8B9

Contrast Matrix WCAG 2.1 Contrast

C7C6A7
BCAA9C
B58B8D
638179
776D64
—
1.3
Fail
1.7
Fail
2.4
Fail
2.9
Fail
1.3
Fail
—
1.3
Fail
1.9
Fail
2.3
Fail
1.7
Fail
1.3
Fail
—
1.4
Fail
1.7
Fail
2.4
Fail
1.9
Fail
1.4
Fail
—
1.2
Fail
2.9
Fail
2.3
Fail
1.7
Fail
1.2
Fail
—
White BG
1.7Fail
2.2Fail
3.0Fail
4.2AA Large
5.1AA
Black BG
12.1AAA
9.4AAA
7.0AAA
4.9AA
4.2AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

C7C7AF
B4B49F
A3A28D
70707B
737366

Deuteranopia

C7C7B0
B5B7A0
A5A88C
6E6C7B
737467

Tritanopia

C7B4B6
BBA2A3
B38C8C
657C7D
776868

Achromatopsia

C3C3C3
AEAEAE
989898
777777
6F6F6F

Shades & Tints Shades & Tints

#C7C6A7

Dark
Light

#BCAA9C

Dark
Light

#B58B8D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c7c6a7;
  --color-2: #bcaa9c;
  --color-3: #b58b8d;
  --color-4: #638179;
  --color-5: #776d64;
}

SCSS

$color-1: #c7c6a7;
$color-2: #bcaa9c;
$color-3: #b58b8d;
$color-4: #638179;
$color-5: #776d64;

TAILWIND

colors: {
  'brand-1': '#c7c6a7',
  'brand-2': '#bcaa9c',
  'brand-3': '#b58b8d',
  'brand-4': '#638179',
  'brand-5': '#776d64',
}

RGB Array

[199, 198, 167], [188, 170, 156], [181, 139, 141], [99, 129, 121], [119, 109, 100]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C7C6A7, #BCAA9C, #B58B8D, #638179, #776D64 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: #c7c6a7; --color-2: #bcaa9c; --color-3: #b58b8d; --color-4: #638179; --color-5: #776d64. 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 general-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