← Back to Editor

#5A365A · #6A425D · #794E62 · #895965 · #986F69

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

ProfoundPremiumWarm

Industry INDUSTRY

FinanceLuxury

UI Context UI CONTEXT

Dark ThemeCorporate

Color Details Color Details

#5A365A

Rose Purple · DarkSlateGray · Eggplant

HEX
#5A365A
RGB
rgb(90, 54, 90)
HSL
hsl(300, 25%, 28%)
HSB
hsb(300, 40%, 35%)
CMYK
cmyk(0%, 40%, 0%, 65%)
Oklch
oklch(39.1% 0.075 326.9)

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

#6A425D

Rose Purple · DimGray · Camellia

HEX
#6A425D
RGB
rgb(106, 66, 93)
HSL
hsl(320, 23%, 34%)
HSB
hsb(320, 38%, 42%)
CMYK
cmyk(0%, 38%, 12%, 58%)
Oklch
oklch(43.5% 0.068 339.8)

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

#794E62

Dark Violet · DimGray · Camellia

HEX
#794E62
RGB
rgb(121, 78, 98)
HSL
hsl(332, 22%, 39%)
HSB
hsb(332, 36%, 47%)
CMYK
cmyk(0%, 36%, 19%, 53%)
Oklch
oklch(47.9% 0.064 350.4)

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

#895965

Crimson · DimGray · Passion Red

HEX
#895965
RGB
rgb(137, 89, 101)
HSL
hsl(345, 21%, 44%)
HSB
hsb(345, 35%, 54%)
CMYK
cmyk(0%, 35%, 26%, 46%)
Oklch
oklch(52.0% 0.065 3.3)

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

#986F69

Crimson · Gray · Passion Red

HEX
#986F69
RGB
rgb(152, 111, 105)
HSL
hsl(8, 19%, 50%)
HSB
hsb(8, 31%, 60%)
CMYK
cmyk(0%, 27%, 31%, 40%)
Oklch
oklch(58.1% 0.053 28.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

5A365A
365936

Analogous

473659
5A365A
593647

Triadic

5A365A
595936
365959

Split-Comp.

5A365A
475936
365947

Tetradic

5A365A
594736
365936
364759

Contrast Matrix WCAG 2.1 Contrast

5A365A
6A425D
794E62
895965
986F69
—
1.2
Fail
1.5
Fail
1.7
Fail
2.3
Fail
1.2
Fail
—
1.2
Fail
1.4
Fail
1.9
Fail
1.5
Fail
1.2
Fail
—
1.2
Fail
1.6
Fail
1.7
Fail
1.4
Fail
1.2
Fail
—
1.3
Fail
2.3
Fail
1.9
Fail
1.6
Fail
1.3
Fail
—
White BG
10.0AAA
8.2AAA
6.8AA
5.7AA
4.4AA Large
Black BG
2.1Fail
2.6Fail
3.1AA Large
3.7AA Large
4.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

4A4A51
595856
66665D
747462
86866A

Deuteranopia

4D4F4F
5B5E55
696C5C
777B61
898C6B

Tritanopia

584A49
685150
775959
87605F
966C6C

Achromatopsia

454545
515151
5D5D5D
696969
7B7B7B

Shades & Tints Shades & Tints

#5A365A

Dark
Light

#6A425D

Dark
Light

#794E62

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #5a365a;
  --color-2: #6a425d;
  --color-3: #794e62;
  --color-4: #895965;
  --color-5: #986f69;
}

SCSS

$color-1: #5a365a;
$color-2: #6a425d;
$color-3: #794e62;
$color-4: #895965;
$color-5: #986f69;

TAILWIND

colors: {
  'brand-1': '#5a365a',
  'brand-2': '#6a425d',
  'brand-3': '#794e62',
  'brand-4': '#895965',
  'brand-5': '#986f69',
}

RGB Array

[90, 54, 90], [106, 66, 93], [121, 78, 98], [137, 89, 101], [152, 111, 105]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #5A365A, #6A425D, #794E62, #895965, #986F69 is ideal for: brand design, premium product pages, magazine layouts, tech websites, dark mode UIs, game UIs. 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: #5a365a; --color-2: #6a425d; --color-3: #794e62; --color-4: #895965; --color-5: #986f69. 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. 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