← Back to Editor

#856980 · #493751 · #422A3A · #824936 · #944330

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

#856980

Rose Purple · Gray · Violet

HEX
#856980
RGB
rgb(133, 105, 128)
HSL
hsl(311, 12%, 47%)
HSB
hsb(311, 21%, 52%)
CMYK
cmyk(0%, 21%, 4%, 48%)
Oklch
oklch(55.6% 0.049 332.4)

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

#493751

Dark Plum · DarkSlateGray · Eggplant

HEX
#493751
RGB
rgb(73, 55, 81)
HSL
hsl(282, 19%, 27%)
HSB
hsb(282, 32%, 32%)
CMYK
cmyk(10%, 32%, 0%, 68%)
Oklch
oklch(36.7% 0.049 315.2)

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

#422A3A

Rose Purple · DarkSlateGray · Raspberry

HEX
#422A3A
RGB
rgb(66, 42, 58)
HSL
hsl(320, 22%, 21%)
HSB
hsb(320, 36%, 26%)
CMYK
cmyk(0%, 36%, 12%, 74%)
Oklch
oklch(32.0% 0.044 339.8)

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

#824936

Tangerine · Sienna · Amber Brown

HEX
#824936
RGB
rgb(130, 73, 54)
HSL
hsl(15, 41%, 36%)
HSB
hsb(15, 58%, 51%)
CMYK
cmyk(0%, 44%, 58%, 49%)
Oklch
oklch(46.9% 0.084 39.1)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#944330

Crimson · Sienna · Wine Red

HEX
#944330
RGB
rgb(148, 67, 48)
HSL
hsl(11, 51%, 38%)
HSB
hsb(11, 68%, 58%)
CMYK
cmyk(0%, 55%, 68%, 42%)
Oklch
oklch(48.5% 0.114 34.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

856980
69866F

Analogous

7D6986
856980
866973

Triadic

856980
818669
698186

Split-Comp.

856980
738669
69867D

Tetradic

856980
867D69
69866F
697386

Contrast Matrix WCAG 2.1 Contrast

856980
493751
422A3A
824936
944330
—
2.2
Fail
2.7
Fail
1.5
Fail
1.4
Fail
2.2
Fail
—
1.2
Fail
1.5
Fail
1.6
Fail
2.7
Fail
1.2
Fail
—
1.8
Fail
1.9
Fail
1.5
Fail
1.5
Fail
1.8
Fail
—
1.1
Fail
1.4
Fail
1.6
Fail
1.9
Fail
1.1
Fail
—
White BG
4.9AA
10.8AAA
12.9AAA
7.1AAA
6.8AA
Black BG
4.3AA Large
1.9Fail
1.6Fail
3.0Fail
3.1AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

79797A
41414B
383736
69693B
717035

Deuteranopia

7B7D79
424449
393B35
6D713C
767C36

Tritanopia

847675
484645
413332
7F3E3F
903839

Achromatopsia

747474
3F3F3F
333333
585858
595959

Shades & Tints Shades & Tints

#856980

Dark
Light

#493751

Dark
Light

#422A3A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #856980;
  --color-2: #493751;
  --color-3: #422a3a;
  --color-4: #824936;
  --color-5: #944330;
}

SCSS

$color-1: #856980;
$color-2: #493751;
$color-3: #422a3a;
$color-4: #824936;
$color-5: #944330;

TAILWIND

colors: {
  'brand-1': '#856980',
  'brand-2': '#493751',
  'brand-3': '#422a3a',
  'brand-4': '#824936',
  'brand-5': '#944330',
}

RGB Array

[133, 105, 128], [73, 55, 81], [66, 42, 58], [130, 73, 54], [148, 67, 48]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #856980, #493751, #422A3A, #824936, #944330 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: #856980; --color-2: #493751; --color-3: #422a3a; --color-4: #824936; --color-5: #944330. 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