← Back to Editor

#C6CCA5 · #8AB8A8 · #6B9997 · #54787D · #615145

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

#C6CCA5

Fresh Green · Silver · Sunflower

HEX
#C6CCA5
RGB
rgb(198, 204, 165)
HSL
hsl(69, 28%, 72%)
HSB
hsb(69, 19%, 80%)
CMYK
cmyk(3%, 0%, 19%, 20%)
Oklch
oklch(83.0% 0.053 114.7)

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

#8AB8A8

Jade · DarkSeaGreen · Apple Green

HEX
#8AB8A8
RGB
rgb(138, 184, 168)
HSL
hsl(159, 24%, 63%)
HSB
hsb(159, 25%, 72%)
CMYK
cmyk(25%, 0%, 9%, 28%)
Oklch
oklch(74.5% 0.054 171.4)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#6B9997

Mineral Blue · CadetBlue · Lake Green

HEX
#6B9997
RGB
rgb(107, 153, 151)
HSL
hsl(177, 18%, 51%)
HSB
hsb(177, 30%, 60%)
CMYK
cmyk(30%, 0%, 1%, 40%)
Oklch
oklch(64.9% 0.050 192.6)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

#54787D

Slate Blue · DimGray · Mint Ice

HEX
#54787D
RGB
rgb(84, 120, 125)
HSL
hsl(187, 20%, 41%)
HSB
hsb(187, 33%, 49%)
CMYK
cmyk(33%, 4%, 0%, 51%)
Oklch
oklch(54.7% 0.041 206.8)

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

#615145

Tangerine · DarkOliveGreen · Amber Brown

HEX
#615145
RGB
rgb(97, 81, 69)
HSL
hsl(26, 17%, 33%)
HSB
hsb(26, 29%, 38%)
CMYK
cmyk(0%, 16%, 29%, 62%)
Oklch
oklch(44.7% 0.029 58.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C6CCA5
AAA4CC

Analogous

CCBEA4
C6CCA5
B2CCA4

Triadic

C6CCA5
A4C6CC
CCA4C6

Split-Comp.

C6CCA5
A4B2CC
BEA4CC

Tetradic

C6CCA5
A4CCBE
AAA4CC
CCA4B2

Contrast Matrix WCAG 2.1 Contrast

C6CCA5
8AB8A8
6B9997
54787D
615145
—
1.3
Fail
1.9
Fail
2.9
Fail
4.5
AA
1.3
Fail
—
1.4
Fail
2.2
Fail
3.4
AA Large
1.9
Fail
1.4
Fail
—
1.5
Fail
2.4
Fail
2.9
Fail
2.2
Fail
1.5
Fail
—
1.6
Fail
4.5
AA
3.4
AA Large
2.4
Fail
1.6
Fail
—
White BG
1.7Fail
2.2Fail
3.2AA Large
4.8AA
7.6AAA
Black BG
12.6AAA
9.5AAA
6.6AA
4.4AA Large
2.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C9C9AE
9E9EAC
7F7F97
64647C
5A5A48

Deuteranopia

C8C8B1
9B98AD
7C7998
625F7C
5B5C49

Tritanopia

C6B6B8
8CAFB0
6D9898
567B7B
604A4B

Achromatopsia

C6C6C6
A8A8A8
8B8B8B
6E6E6E
545454

Shades & Tints Shades & Tints

#C6CCA5

Dark
Light

#8AB8A8

Dark
Light

#6B9997

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c6cca5;
  --color-2: #8ab8a8;
  --color-3: #6b9997;
  --color-4: #54787d;
  --color-5: #615145;
}

SCSS

$color-1: #c6cca5;
$color-2: #8ab8a8;
$color-3: #6b9997;
$color-4: #54787d;
$color-5: #615145;

TAILWIND

colors: {
  'brand-1': '#c6cca5',
  'brand-2': '#8ab8a8',
  'brand-3': '#6b9997',
  'brand-4': '#54787d',
  'brand-5': '#615145',
}

RGB Array

[198, 204, 165], [138, 184, 168], [107, 153, 151], [84, 120, 125], [97, 81, 69]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C6CCA5, #8AB8A8, #6B9997, #54787D, #615145 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: #c6cca5; --color-2: #8ab8a8; --color-3: #6b9997; --color-4: #54787d; --color-5: #615145. 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