← Back to Editor

#A9A7B4 · #FF402F · #6B7167 · #858063 · #A4A8A7

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

#A9A7B4

Wisteria · DarkGray · Silver Sand

HEX
#A9A7B4
RGB
rgb(169, 167, 180)
HSL
hsl(249, 8%, 68%)
HSB
hsb(249, 7%, 71%)
CMYK
cmyk(6%, 7%, 0%, 29%)
Oklch
oklch(73.4% 0.019 293.0)

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

#FF402F

Vermilion · Tomato · Passion Red

HEX
#FF402F
RGB
rgb(255, 64, 47)
HSL
hsl(5, 100%, 59%)
HSB
hsb(5, 82%, 100%)
CMYK
cmyk(0%, 75%, 82%, 0%)
Oklch
oklch(65.8% 0.229 29.6)

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

#6B7167

Ink Gray · DimGray · Warm Gray

HEX
#6B7167
RGB
rgb(107, 113, 103)
HSL
hsl(96, 5%, 42%)
HSB
hsb(96, 9%, 44%)
CMYK
cmyk(5%, 0%, 9%, 56%)
Oklch
oklch(54.0% 0.017 132.6)

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

#858063

Autumn Sage · Gray · Honey Gold

HEX
#858063
RGB
rgb(133, 128, 99)
HSL
hsl(51, 15%, 45%)
HSB
hsb(51, 26%, 52%)
CMYK
cmyk(0%, 4%, 26%, 48%)
Oklch
oklch(59.6% 0.042 99.4)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#A4A8A7

Ash · DarkGray · Silver Sand

HEX
#A4A8A7
RGB
rgb(164, 168, 167)
HSL
hsl(165, 2%, 65%)
HSB
hsb(165, 2%, 66%)
CMYK
cmyk(2%, 0%, 1%, 34%)
Oklch
oklch(72.8% 0.005 179.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A9A7B4
B2B4A7

Analogous

A7ABB4
A9A7B4
AFA7B4

Triadic

A9A7B4
B4A9A7
A7B4A9

Split-Comp.

A9A7B4
B4AFA7
ABB4A7

Tetradic

A9A7B4
B4A7AB
B2B4A7
A7B4AF

Contrast Matrix WCAG 2.1 Contrast

A9A7B4
FF402F
6B7167
858063
A4A8A7
—
1.5
Fail
2.1
Fail
1.7
Fail
1.0
Fail
1.5
Fail
—
1.4
Fail
1.1
Fail
1.4
Fail
2.1
Fail
1.4
Fail
—
1.3
Fail
2.1
Fail
1.7
Fail
1.1
Fail
1.3
Fail
—
1.7
Fail
1.0
Fail
1.4
Fail
2.1
Fail
1.7
Fail
—
White BG
2.4Fail
3.5AA Large
5.0AA
4.0AA Large
2.4Fail
Black BG
8.9AAA
6.0AA
4.2AA Large
5.3AA
8.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A8A8B1
ACAB33
6E6E69
83836A
A6A6A7

Deuteranopia

A8A8B0
B7C634
6D6D6A
83846C
A6A5A7

Tritanopia

A9AEAE
F53637
6B6B6C
857071
A4A7A7

Achromatopsia

A9A9A9
777777
6E6E6E
7E7E7E
A7A7A7

Shades & Tints Shades & Tints

#A9A7B4

Dark
Light

#FF402F

Dark
Light

#6B7167

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a9a7b4;
  --color-2: #ff402f;
  --color-3: #6b7167;
  --color-4: #858063;
  --color-5: #a4a8a7;
}

SCSS

$color-1: #a9a7b4;
$color-2: #ff402f;
$color-3: #6b7167;
$color-4: #858063;
$color-5: #a4a8a7;

TAILWIND

colors: {
  'brand-1': '#a9a7b4',
  'brand-2': '#ff402f',
  'brand-3': '#6b7167',
  'brand-4': '#858063',
  'brand-5': '#a4a8a7',
}

RGB Array

[169, 167, 180], [255, 64, 47], [107, 113, 103], [133, 128, 99], [164, 168, 167]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A9A7B4, #FF402F, #6B7167, #858063, #A4A8A7 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: #a9a7b4; --color-2: #ff402f; --color-3: #6b7167; --color-4: #858063; --color-5: #a4a8a7. 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