← Back to Editor

#463353 · #635070 · #997DB7 · #A0BD83 · #25101F

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

ProfoundPremiumWarmCool

Industry INDUSTRY

FinanceLuxury

UI Context UI CONTEXT

Dark ThemeCorporateData Visualization

Color Details Color Details

#463353

Dark Plum · DarkSlateGray · Eggplant

HEX
#463353
RGB
rgb(70, 51, 83)
HSL
hsl(276, 24%, 26%)
HSB
hsb(276, 39%, 33%)
CMYK
cmyk(16%, 39%, 0%, 67%)
Oklch
oklch(35.6% 0.059 310.8)

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

#635070

Dark Plum · DimGray · Eggplant

HEX
#635070
RGB
rgb(99, 80, 112)
HSL
hsl(276, 17%, 38%)
HSB
hsb(276, 29%, 44%)
CMYK
cmyk(12%, 29%, 0%, 56%)
Oklch
oklch(46.3% 0.056 311.2)

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

#997DB7

Deep Indigo · LightSlateGray · Violet

HEX
#997DB7
RGB
rgb(153, 125, 183)
HSL
hsl(269, 29%, 60%)
HSB
hsb(269, 32%, 72%)
CMYK
cmyk(16%, 32%, 0%, 28%)
Oklch
oklch(63.8% 0.090 306.1)

Traditional「Deep Indigo」· Paint「Violet」· Creative Blush Sunrise

#A0BD83

Celadon · DarkSeaGreen · Apple Green

HEX
#A0BD83
RGB
rgb(160, 189, 131)
HSL
hsl(90, 31%, 63%)
HSB
hsb(90, 31%, 74%)
CMYK
cmyk(15%, 0%, 31%, 26%)
Oklch
oklch(76.2% 0.085 129.8)

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

#25101F

Rose Purple · Black · Dark Purple

HEX
#25101F
RGB
rgb(37, 16, 31)
HSL
hsl(317, 40%, 10%)
HSB
hsb(317, 57%, 15%)
CMYK
cmyk(0%, 57%, 16%, 85%)
Oklch
oklch(21.1% 0.043 338.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

463353
3F5232

Analogous

363252
463353
52324F

Triadic

463353
524532
325245

Split-Comp.

463353
4F5232
325236

Tetradic

463353
523632
3F5232
324F52

Contrast Matrix WCAG 2.1 Contrast

463353
635070
997DB7
A0BD83
25101F
—
1.6
Fail
3.2
AA Large
5.4
AA
1.6
Fail
1.6
Fail
—
2.1
Fail
3.5
AA Large
2.5
Fail
3.2
AA Large
2.1
Fail
—
1.7
Fail
5.1
AA
5.4
AA
3.5
AA Large
1.7
Fail
—
8.6
AAA
1.6
Fail
2.5
Fail
5.1
AA
8.6
AAA
—
White BG
11.3AAA
7.2AAA
3.5AA Large
2.1Fail
17.9AAA
Black BG
1.9Fail
2.9Fail
6.0AA
10.1AAA
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

3E3E4B
5B5B68
8D8DA9
ADAD91
1C1C1B

Deuteranopia

3F4049
5C5D66
8F91A6
ABA994
1D1F1B

Tritanopia

454544
626261
989E9B
A19C9F
241918

Achromatopsia

3C3C3C
595959
8C8C8C
AEAEAE
181818

Shades & Tints Shades & Tints

#463353

Dark
Light

#635070

Dark
Light

#997DB7

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #463353;
  --color-2: #635070;
  --color-3: #997db7;
  --color-4: #a0bd83;
  --color-5: #25101f;
}

SCSS

$color-1: #463353;
$color-2: #635070;
$color-3: #997db7;
$color-4: #a0bd83;
$color-5: #25101f;

TAILWIND

colors: {
  'brand-1': '#463353',
  'brand-2': '#635070',
  'brand-3': '#997db7',
  'brand-4': '#a0bd83',
  'brand-5': '#25101f',
}

RGB Array

[70, 51, 83], [99, 80, 112], [153, 125, 183], [160, 189, 131], [37, 16, 31]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #463353, #635070, #997DB7, #A0BD83, #25101F is ideal for: brand design, premium product pages, magazine layouts, tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. 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: #463353; --color-2: #635070; --color-3: #997db7; --color-4: #a0bd83; --color-5: #25101f. 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 finance, legal, luxury 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