← Back to Editor

#A3B5A6 · #7B9882 · #61436B · #252145 · #110524

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#A3B5A6

Celadon · DarkGray · Apple Green

HEX
#A3B5A6
RGB
rgb(163, 181, 166)
HSL
hsl(130, 11%, 67%)
HSB
hsb(130, 10%, 71%)
CMYK
cmyk(10%, 0%, 8%, 29%)
Oklch
oklch(75.5% 0.029 150.3)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#7B9882

Celadon · Gray · Olive Green

HEX
#7B9882
RGB
rgb(123, 152, 130)
HSL
hsl(134, 12%, 54%)
HSB
hsb(134, 19%, 60%)
CMYK
cmyk(19%, 0%, 14%, 40%)
Oklch
oklch(65.1% 0.046 152.3)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

#61436B

Dark Plum · DimGray · Eggplant

HEX
#61436B
RGB
rgb(97, 67, 107)
HSL
hsl(285, 23%, 34%)
HSB
hsb(285, 37%, 42%)
CMYK
cmyk(9%, 37%, 0%, 58%)
Oklch
oklch(43.2% 0.074 317.4)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

#252145

Deep Indigo · MidnightBlue · Deep Sea Blue

HEX
#252145
RGB
rgb(37, 33, 69)
HSL
hsl(247, 35%, 20%)
HSB
hsb(247, 52%, 27%)
CMYK
cmyk(46%, 52%, 0%, 73%)
Oklch
oklch(27.2% 0.065 286.3)

Traditional「Deep Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#110524

Deep Indigo · Black · Dark Purple

HEX
#110524
RGB
rgb(17, 5, 36)
HSL
hsl(263, 76%, 8%)
HSB
hsb(263, 86%, 14%)
CMYK
cmyk(53%, 86%, 0%, 86%)
Oklch
oklch(16.0% 0.063 297.4)

Traditional「Deep Indigo」· Paint「Dark Purple」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A3B5A6
B4A2B1

Analogous

A8B4A2
A3B5A6
A2B4AE

Triadic

A3B5A6
A5A2B4
B4A5A2

Split-Comp.

A3B5A6
AEA2B4
B4A2A8

Tetradic

A3B5A6
A2A8B4
B4A2B1
B4AEA2

Contrast Matrix WCAG 2.1 Contrast

A3B5A6
7B9882
61436B
252145
110524
—
1.5
Fail
3.9
AA Large
7.0
AAA
9.1
AAA
1.5
Fail
—
2.6
Fail
4.8
AA
6.2
AA
3.9
AA Large
2.6
Fail
—
1.8
Fail
2.4
Fail
7.0
AAA
4.8
AA
1.8
Fail
—
1.3
Fail
9.1
AAA
6.2
AA
2.4
Fail
1.3
Fail
—
White BG
2.2Fail
3.2AA Large
8.3AAA
15.2AAA
19.6AAA
Black BG
9.7AAA
6.7AA
2.5Fail
1.4Fail
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

ABABAA
888887
545461
23233C
0C0C1C

Deuteranopia

AAA8AB
868489
56585F
24243A
0D0D1B

Tritanopia

A4ACAD
7C8C8C
5F5A58
253534
101715

Achromatopsia

AEAEAE
8D8D8D
515151
262626
0C0C0C

Shades & Tints Shades & Tints

#A3B5A6

Dark
Light

#7B9882

Dark
Light

#61436B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a3b5a6;
  --color-2: #7b9882;
  --color-3: #61436b;
  --color-4: #252145;
  --color-5: #110524;
}

SCSS

$color-1: #a3b5a6;
$color-2: #7b9882;
$color-3: #61436b;
$color-4: #252145;
$color-5: #110524;

TAILWIND

colors: {
  'brand-1': '#a3b5a6',
  'brand-2': '#7b9882',
  'brand-3': '#61436b',
  'brand-4': '#252145',
  'brand-5': '#110524',
}

RGB Array

[163, 181, 166], [123, 152, 130], [97, 67, 107], [37, 33, 69], [17, 5, 36]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A3B5A6, #7B9882, #61436B, #252145, #110524 is ideal for: tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #a3b5a6; --color-2: #7b9882; --color-3: #61436b; --color-4: #252145; --color-5: #110524. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. High-contrast palettes naturally meet WCAG accessibility standards. 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