← Back to Editor

#C6C7A8 · #B6AE97 · #80625A · #AD7254 · #FA7049

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 Library

Color Details Color Details

#C6C7A8

Fresh Green · Silver · Sunflower

HEX
#C6C7A8
RGB
rgb(198, 199, 168)
HSL
hsl(62, 22%, 72%)
HSB
hsb(62, 16%, 78%)
CMYK
cmyk(1%, 0%, 16%, 22%)
Oklch
oklch(82.1% 0.042 108.8)

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

#B6AE97

Ginger · DarkGray · Sunflower

HEX
#B6AE97
RGB
rgb(182, 174, 151)
HSL
hsl(45, 18%, 65%)
HSB
hsb(45, 17%, 71%)
CMYK
cmyk(0%, 4%, 17%, 29%)
Oklch
oklch(75.1% 0.033 91.1)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#80625A

Crimson · DimGray · Passion Red

HEX
#80625A
RGB
rgb(128, 98, 90)
HSL
hsl(13, 17%, 43%)
HSB
hsb(13, 30%, 50%)
CMYK
cmyk(0%, 23%, 30%, 50%)
Oklch
oklch(52.4% 0.041 35.4)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#AD7254

Tangerine · Sienna · Amber Brown

HEX
#AD7254
RGB
rgb(173, 114, 84)
HSL
hsl(20, 35%, 50%)
HSB
hsb(20, 51%, 68%)
CMYK
cmyk(0%, 34%, 51%, 32%)
Oklch
oklch(60.7% 0.086 47.6)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#FA7049

Peach Pink · Tomato · Coral Red

HEX
#FA7049
RGB
rgb(250, 112, 73)
HSL
hsl(13, 95%, 63%)
HSB
hsb(13, 71%, 98%)
CMYK
cmyk(0%, 55%, 71%, 2%)
Oklch
oklch(70.6% 0.178 36.6)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C6C7A8
A9A8C7

Analogous

C7B9A8
C6C7A8
B7C7A8

Triadic

C6C7A8
A8C6C7
C7A8C6

Split-Comp.

C6C7A8
A8B7C7
B9A8C7

Tetradic

C6C7A8
A8C7B9
A9A8C7
C7A8B7

Contrast Matrix WCAG 2.1 Contrast

C6C7A8
B6AE97
80625A
AD7254
FA7049
—
1.3
Fail
3.2
AA Large
2.3
Fail
1.6
Fail
1.3
Fail
—
2.5
Fail
1.8
Fail
1.3
Fail
3.2
AA Large
2.5
Fail
—
1.4
Fail
2.0
Fail
2.3
Fail
1.8
Fail
1.4
Fail
—
1.4
Fail
1.6
Fail
1.3
Fail
2.0
Fail
1.4
Fail
—
White BG
1.7Fail
2.2Fail
5.5AA
4.0AA Large
2.8Fail
Black BG
12.1AAA
9.5AAA
3.8AA Large
5.3AA
7.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C6C6B0
B3B29D
73735C
93935B
BEBD52

Deuteranopia

C6C6B1
B3B49E
75775C
979B5D
C6D155

Tritanopia

C6B5B7
B6A1A2
7F5D5E
AA6162
F35A5C

Achromatopsia

C3C3C3
AEAEAE
6A6A6A
808080
959595

Shades & Tints Shades & Tints

#C6C7A8

Dark
Light

#B6AE97

Dark
Light

#80625A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c6c7a8;
  --color-2: #b6ae97;
  --color-3: #80625a;
  --color-4: #ad7254;
  --color-5: #fa7049;
}

SCSS

$color-1: #c6c7a8;
$color-2: #b6ae97;
$color-3: #80625a;
$color-4: #ad7254;
$color-5: #fa7049;

TAILWIND

colors: {
  'brand-1': '#c6c7a8',
  'brand-2': '#b6ae97',
  'brand-3': '#80625a',
  'brand-4': '#ad7254',
  'brand-5': '#fa7049',
}

RGB Array

[198, 199, 168], [182, 174, 151], [128, 98, 90], [173, 114, 84], [250, 112, 73]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C6C7A8, #B6AE97, #80625A, #AD7254, #FA7049 is ideal for: corporate websites, product showcases, portfolios. 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: #c6c7a8; --color-2: #b6ae97; --color-3: #80625a; --color-4: #ad7254; --color-5: #fa7049. 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. 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