← Back to Editor

#413447 · #4D434A · #62625B · #6F8474 · #78A298

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

#413447

Dark Plum · DarkSlateGray · Eggplant

HEX
#413447
RGB
rgb(65, 52, 71)
HSL
hsl(281, 15%, 24%)
HSB
hsb(281, 27%, 28%)
CMYK
cmyk(8%, 27%, 0%, 72%)
Oklch
oklch(34.7% 0.037 315.0)

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

#4D434A

Dark Cyan · DarkSlateGray · Charcoal

HEX
#4D434A
RGB
rgb(77, 67, 74)
HSL
hsl(318, 7%, 28%)
HSB
hsb(318, 13%, 30%)
CMYK
cmyk(0%, 13%, 4%, 70%)
Oklch
oklch(39.6% 0.018 336.7)

Traditional「Dark Cyan」· Paint「Charcoal」· Creative Midnight Shadow

#62625B

Ink Gray · DimGray · Charcoal

HEX
#62625B
RGB
rgb(98, 98, 91)
HSL
hsl(60, 4%, 37%)
HSB
hsb(60, 7%, 38%)
CMYK
cmyk(0%, 0%, 7%, 62%)
Oklch
oklch(49.4% 0.011 106.8)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

#6F8474

Celadon · Gray · Warm Gray

HEX
#6F8474
RGB
rgb(111, 132, 116)
HSL
hsl(134, 9%, 48%)
HSB
hsb(134, 16%, 52%)
CMYK
cmyk(16%, 0%, 12%, 48%)
Oklch
oklch(59.2% 0.034 152.4)

Traditional「Celadon」· Paint「Warm Gray」· Creative Urban Concrete

#78A298

Mineral Blue · LightSlateGray · Lake Green

HEX
#78A298
RGB
rgb(120, 162, 152)
HSL
hsl(166, 18%, 55%)
HSB
hsb(166, 26%, 64%)
CMYK
cmyk(26%, 0%, 6%, 36%)
Oklch
oklch(67.9% 0.048 178.5)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

413447
3A4634

Analogous

373446
413447
463443

Triadic

413447
464134
344641

Split-Comp.

413447
434634
344637

Tetradic

413447
463734
3A4634
344346

Contrast Matrix WCAG 2.1 Contrast

413447
4D434A
62625B
6F8474
78A298
—
1.2
Fail
1.9
Fail
2.9
Fail
4.1
AA Large
1.2
Fail
—
1.5
Fail
2.4
Fail
3.3
AA Large
1.9
Fail
1.5
Fail
—
1.5
Fail
2.2
Fail
2.9
Fail
2.4
Fail
1.5
Fail
—
1.4
Fail
4.1
AA Large
3.3
AA Large
2.2
Fail
1.4
Fail
—
White BG
11.6AAA
9.5AAA
6.1AA
4.0AA Large
2.8Fail
Black BG
1.8Fail
2.2Fail
3.4AA Large
5.2AA
7.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

3B3B42
494948
62625D
787878
8A8B9A

Deuteranopia

3C3D41
494A48
62625D
777579
88859B

Tritanopia

403F3E
4C4747
625E5E
707B7C
7A9C9D

Achromatopsia

3A3A3A
474747
616161
7C7C7C
949494

Shades & Tints Shades & Tints

#413447

Dark
Light

#4D434A

Dark
Light

#62625B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #413447;
  --color-2: #4d434a;
  --color-3: #62625b;
  --color-4: #6f8474;
  --color-5: #78a298;
}

SCSS

$color-1: #413447;
$color-2: #4d434a;
$color-3: #62625b;
$color-4: #6f8474;
$color-5: #78a298;

TAILWIND

colors: {
  'brand-1': '#413447',
  'brand-2': '#4d434a',
  'brand-3': '#62625b',
  'brand-4': '#6f8474',
  'brand-5': '#78a298',
}

RGB Array

[65, 52, 71], [77, 67, 74], [98, 98, 91], [111, 132, 116], [120, 162, 152]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #413447, #4D434A, #62625B, #6F8474, #78A298 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: #413447; --color-2: #4d434a; --color-3: #62625b; --color-4: #6f8474; --color-5: #78a298. 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