← Back to Editor

#A6A5A1 · #8C073E · #CB2B51 · #1E6E93 · #A0166C

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

#A6A5A1

Ash · DarkGray · Silver Sand

HEX
#A6A5A1
RGB
rgb(166, 165, 161)
HSL
hsl(48, 3%, 64%)
HSB
hsb(48, 3%, 65%)
CMYK
cmyk(0%, 1%, 3%, 35%)
Oklch
oklch(72.2% 0.006 95.1)

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

#8C073E

Dark Violet · Brown · Camellia

HEX
#8C073E
RGB
rgb(140, 7, 62)
HSL
hsl(335, 90%, 29%)
HSB
hsb(335, 95%, 55%)
CMYK
cmyk(0%, 95%, 56%, 45%)
Oklch
oklch(41.4% 0.162 5.9)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#CB2B51

Vermilion · Crimson · Passion Red

HEX
#CB2B51
RGB
rgb(203, 43, 81)
HSL
hsl(346, 65%, 48%)
HSB
hsb(346, 79%, 80%)
CMYK
cmyk(0%, 79%, 60%, 20%)
Oklch
oklch(55.6% 0.194 13.4)

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

#1E6E93

Lake Blue · Teal · Mint Ice

HEX
#1E6E93
RGB
rgb(30, 110, 147)
HSL
hsl(199, 66%, 35%)
HSB
hsb(199, 80%, 58%)
CMYK
cmyk(80%, 25%, 0%, 42%)
Oklch
oklch(50.9% 0.094 233.6)

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

#A0166C

Rose Purple · DarkMagenta · Camellia

HEX
#A0166C
RGB
rgb(160, 22, 108)
HSL
hsl(323, 76%, 36%)
HSB
hsb(323, 86%, 63%)
CMYK
cmyk(0%, 86%, 32%, 37%)
Oklch
oklch(47.5% 0.185 349.1)

Traditional「Rose Purple」· Paint「Camellia」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A6A5A1
A0A2A6

Analogous

A6A2A0
A6A5A1
A4A6A0

Triadic

A6A5A1
A0A6A5
A5A0A6

Split-Comp.

A6A5A1
A0A4A6
A2A0A6

Tetradic

A6A5A1
A0A6A2
A0A2A6
A6A0A4

Contrast Matrix WCAG 2.1 Contrast

A6A5A1
8C073E
CB2B51
1E6E93
A0166C
—
3.8
AA Large
2.1
Fail
2.3
Fail
3.0
AA Large
3.8
AA Large
—
1.8
Fail
1.7
Fail
1.3
Fail
2.1
Fail
1.8
Fail
—
1.1
Fail
1.4
Fail
2.3
Fail
1.7
Fail
1.1
Fail
—
1.3
Fail
3.0
AA Large
1.3
Fail
1.4
Fail
1.3
Fail
—
White BG
2.5Fail
9.5AAA
5.2AA
5.7AA
7.4AAA
Black BG
8.5AAA
2.2Fail
4.0AA Large
3.7AA Large
2.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

A6A6A2
525131
868448
41418A
646357

Deuteranopia

A6A6A2
5A642E
8F9B46
3C3688
6C7752

Tritanopia

A6A3A3
852624
C3413F
228381
994743

Achromatopsia

A5A5A5
353535
5F5F5F
5A5A5A
494949

Shades & Tints Shades & Tints

#A6A5A1

Dark
Light

#8C073E

Dark
Light

#CB2B51

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a6a5a1;
  --color-2: #8c073e;
  --color-3: #cb2b51;
  --color-4: #1e6e93;
  --color-5: #a0166c;
}

SCSS

$color-1: #a6a5a1;
$color-2: #8c073e;
$color-3: #cb2b51;
$color-4: #1e6e93;
$color-5: #a0166c;

TAILWIND

colors: {
  'brand-1': '#a6a5a1',
  'brand-2': '#8c073e',
  'brand-3': '#cb2b51',
  'brand-4': '#1e6e93',
  'brand-5': '#a0166c',
}

RGB Array

[166, 165, 161], [140, 7, 62], [203, 43, 81], [30, 110, 147], [160, 22, 108]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A6A5A1, #8C073E, #CB2B51, #1E6E93, #A0166C 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: #a6a5a1; --color-2: #8c073e; --color-3: #cb2b51; --color-4: #1e6e93; --color-5: #a0166c. 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