← Back to Editor

#6A7471 · #979F9B · #B4BCB5 · #D4D3CD · #C2B8B2

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#6A7471

Ink Gray · DimGray · Warm Gray

HEX
#6A7471
RGB
rgb(106, 116, 113)
HSL
hsl(162, 5%, 44%)
HSB
hsb(162, 9%, 45%)
CMYK
cmyk(9%, 0%, 3%, 55%)
Oklch
oklch(55.0% 0.013 176.0)

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

#979F9B

Ash · DarkGray · Silver Sand

HEX
#979F9B
RGB
rgb(151, 159, 155)
HSL
hsl(150, 4%, 61%)
HSB
hsb(150, 5%, 62%)
CMYK
cmyk(5%, 0%, 3%, 38%)
Oklch
oklch(69.5% 0.011 164.7)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#B4BCB5

Silver Gray · Silver · Pearl Gray

HEX
#B4BCB5
RGB
rgb(180, 188, 181)
HSL
hsl(127, 6%, 72%)
HSB
hsb(127, 4%, 74%)
CMYK
cmyk(4%, 0%, 4%, 26%)
Oklch
oklch(78.7% 0.013 149.2)

Traditional「Silver Gray」· Paint「Pearl Gray」· Creative Silver Lining

#D4D3CD

Fresh Green · LightGray · Pearl Gray

HEX
#D4D3CD
RGB
rgb(212, 211, 205)
HSL
hsl(51, 8%, 82%)
HSB
hsb(51, 3%, 83%)
CMYK
cmyk(0%, 0%, 3%, 17%)
Oklch
oklch(86.6% 0.008 98.9)

Traditional「Fresh Green」· Paint「Pearl Gray」· Creative Silver Lining

#C2B8B2

Apricot · Silver · Warm Sun

HEX
#C2B8B2
RGB
rgb(194, 184, 178)
HSL
hsl(23, 12%, 73%)
HSB
hsb(23, 8%, 76%)
CMYK
cmyk(0%, 5%, 8%, 24%)
Oklch
oklch(78.9% 0.014 53.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6A7471
766B6E

Analogous

6B766D
6A7471
6B7476

Triadic

6A7471
726B76
76726B

Split-Comp.

6A7471
766B74
766D6B

Tetradic

6A7471
6D6B76
766B6E
74766B

Contrast Matrix WCAG 2.1 Contrast

6A7471
979F9B
B4BCB5
D4D3CD
C2B8B2
—
1.8
Fail
2.5
Fail
3.2
AA Large
2.5
Fail
1.8
Fail
—
1.4
Fail
1.8
Fail
1.4
Fail
2.5
Fail
1.4
Fail
—
1.3
Fail
1.0
Fail
3.2
AA Large
1.8
Fail
1.3
Fail
—
1.3
Fail
2.5
Fail
1.4
Fail
1.0
Fail
1.3
Fail
—
White BG
4.8AA
2.7Fail
1.9Fail
1.5Fail
1.9Fail
Black BG
4.3AA Large
7.7AAA
10.8AAA
14.0AAA
10.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

6E6E72
9A9B9C
B7B8B7
D4D4CE
BEBEB3

Deuteranopia

6E6D72
9A999C
B7B6B7
D4D4CF
BEBFB4

Tritanopia

6A7272
979D9D
B4B8B8
D4D0D0
C1B5B5

Achromatopsia

717171
9C9C9C
B9B9B9
D3D3D3
BABABA

Shades & Tints Shades & Tints

#6A7471

Dark
Light

#979F9B

Dark
Light

#B4BCB5

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6a7471;
  --color-2: #979f9b;
  --color-3: #b4bcb5;
  --color-4: #d4d3cd;
  --color-5: #c2b8b2;
}

SCSS

$color-1: #6a7471;
$color-2: #979f9b;
$color-3: #b4bcb5;
$color-4: #d4d3cd;
$color-5: #c2b8b2;

TAILWIND

colors: {
  'brand-1': '#6a7471',
  'brand-2': '#979f9b',
  'brand-3': '#b4bcb5',
  'brand-4': '#d4d3cd',
  'brand-5': '#c2b8b2',
}

RGB Array

[106, 116, 113], [151, 159, 155], [180, 188, 181], [212, 211, 205], [194, 184, 178]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #6A7471, #979F9B, #B4BCB5, #D4D3CD, #C2B8B2 is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs. 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: #6a7471; --color-2: #979f9b; --color-3: #b4bcb5; --color-4: #d4d3cd; --color-5: #c2b8b2. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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 beauty, lifestyle, arts 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