← Back to Editor

#4D3D4A · #524E61 · #525F66 · #586E68 · #647D64

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 ThemeCorporate

Color Details Color Details

#4D3D4A

Rose Purple · DarkSlateGray · Eggplant

HEX
#4D3D4A
RGB
rgb(77, 61, 74)
HSL
hsl(311, 12%, 27%)
HSB
hsb(311, 21%, 30%)
CMYK
cmyk(0%, 21%, 4%, 70%)
Oklch
oklch(38.2% 0.030 332.7)

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

#524E61

Deep Indigo · DimGray · Prussian Blue

HEX
#524E61
RGB
rgb(82, 78, 97)
HSL
hsl(253, 11%, 34%)
HSB
hsb(253, 20%, 38%)
CMYK
cmyk(15%, 20%, 0%, 62%)
Oklch
oklch(43.5% 0.031 294.7)

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

#525F66

Slate Blue · DimGray · Prussian Blue

HEX
#525F66
RGB
rgb(82, 95, 102)
HSL
hsl(201, 11%, 36%)
HSB
hsb(201, 20%, 40%)
CMYK
cmyk(20%, 7%, 0%, 60%)
Oklch
oklch(47.7% 0.020 231.3)

Traditional「Slate Blue」· Paint「Prussian Blue」· Creative Blush Sunrise

#586E68

Mineral Blue · DimGray · Mint Ice

HEX
#586E68
RGB
rgb(88, 110, 104)
HSL
hsl(164, 11%, 39%)
HSB
hsb(164, 20%, 43%)
CMYK
cmyk(20%, 0%, 5%, 57%)
Oklch
oklch(51.8% 0.028 176.7)

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

#647D64

Celadon · DimGray · Olive Green

HEX
#647D64
RGB
rgb(100, 125, 100)
HSL
hsl(120, 11%, 44%)
HSB
hsb(120, 20%, 49%)
CMYK
cmyk(20%, 0%, 20%, 51%)
Oklch
oklch(56.3% 0.048 144.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

4D3D4A
3D4D40

Analogous

483D4D
4D3D4A
4D3D42

Triadic

4D3D4A
4A4D3D
3D4A4D

Split-Comp.

4D3D4A
424D3D
3D4D48

Tetradic

4D3D4A
4D483D
3D4D40
3D424D

Contrast Matrix WCAG 2.1 Contrast

4D3D4A
524E61
525F66
586E68
647D64
—
1.3
Fail
1.5
Fail
1.8
Fail
2.2
Fail
1.3
Fail
—
1.2
Fail
1.5
Fail
1.8
Fail
1.5
Fail
1.2
Fail
—
1.2
Fail
1.5
Fail
1.8
Fail
1.5
Fail
1.2
Fail
—
1.2
Fail
2.2
Fail
1.8
Fail
1.5
Fail
1.2
Fail
—
White BG
10.1AAA
8.0AAA
6.6AA
5.5AA
4.5AA
Black BG
2.1Fail
2.6Fail
3.2AA Large
3.8AA Large
4.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

464647
50505C
585864
626269
6F6F6A

Deuteranopia

474846
51515B
575664
605F6A
6D6C6C

Tritanopia

4C4444
525958
536363
596B6B
656F70

Achromatopsia

434343
515151
5C5C5C
676767
737373

Shades & Tints Shades & Tints

#4D3D4A

Dark
Light

#524E61

Dark
Light

#525F66

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #4d3d4a;
  --color-2: #524e61;
  --color-3: #525f66;
  --color-4: #586e68;
  --color-5: #647d64;
}

SCSS

$color-1: #4d3d4a;
$color-2: #524e61;
$color-3: #525f66;
$color-4: #586e68;
$color-5: #647d64;

TAILWIND

colors: {
  'brand-1': '#4d3d4a',
  'brand-2': '#524e61',
  'brand-3': '#525f66',
  'brand-4': '#586e68',
  'brand-5': '#647d64',
}

RGB Array

[77, 61, 74], [82, 78, 97], [82, 95, 102], [88, 110, 104], [100, 125, 100]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #4D3D4A, #524E61, #525F66, #586E68, #647D64 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: #4d3d4a; --color-2: #524e61; --color-3: #525f66; --color-4: #586e68; --color-5: #647d64. 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