← Back to Editor

#44193B · #939C7D · #58786B · #32555D · #44344C

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

#44193B

Rose Purple · DarkSlateGray · Dark Purple

HEX
#44193B
RGB
rgb(68, 25, 59)
HSL
hsl(313, 46%, 18%)
HSB
hsb(313, 63%, 27%)
CMYK
cmyk(0%, 63%, 13%, 73%)
Oklch
oklch(29.3% 0.082 336.3)

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

#939C7D

Grass Green · Gray · Olive Green

HEX
#939C7D
RGB
rgb(147, 156, 125)
HSL
hsl(77, 14%, 55%)
HSB
hsb(77, 20%, 61%)
CMYK
cmyk(6%, 0%, 20%, 39%)
Oklch
oklch(67.7% 0.045 120.8)

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

#58786B

Mineral Blue · DimGray · Olive Green

HEX
#58786B
RGB
rgb(88, 120, 107)
HSL
hsl(156, 15%, 41%)
HSB
hsb(156, 27%, 47%)
CMYK
cmyk(27%, 0%, 11%, 53%)
Oklch
oklch(54.4% 0.042 167.8)

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

#32555D

Slate Blue · DarkSlateGray · Mint Ice

HEX
#32555D
RGB
rgb(50, 85, 93)
HSL
hsl(191, 30%, 28%)
HSB
hsb(191, 46%, 36%)
CMYK
cmyk(46%, 9%, 0%, 64%)
Oklch
oklch(42.6% 0.043 213.9)

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

#44344C

Dark Plum · DarkSlateGray · Eggplant

HEX
#44344C
RGB
rgb(68, 52, 76)
HSL
hsl(280, 19%, 25%)
HSB
hsb(280, 32%, 30%)
CMYK
cmyk(11%, 32%, 0%, 70%)
Oklch
oklch(35.3% 0.046 314.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

44193B
194322

Analogous

371943
44193B
431925

Triadic

44193B
3A4319
193A43

Split-Comp.

44193B
254319
194337

Tetradic

44193B
433719
194322
192543

Contrast Matrix WCAG 2.1 Contrast

44193B
939C7D
58786B
32555D
44344C
—
5.0
AA
3.0
Fail
1.8
Fail
1.3
Fail
5.0
AA
—
1.7
Fail
2.8
Fail
4.0
AA Large
3.0
Fail
1.7
Fail
—
1.7
Fail
2.3
Fail
1.8
Fail
2.8
Fail
1.7
Fail
—
1.4
Fail
1.3
Fail
4.0
AA Large
2.3
Fail
1.4
Fail
—
White BG
14.5AAA
2.9Fail
4.9AA
8.1AAA
11.4AAA
Black BG
1.4Fail
7.3AAA
4.3AA Large
2.6Fail
1.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

313133
979785
66666E
41415B
3D3D46

Deuteranopia

343731
969686
64626F
3F3D5B
3E3F45

Tritanopia

422C2B
938A8C
5A7171
345A59
434241

Achromatopsia

2A2A2A
969696
6D6D6D
4B4B4B
3C3C3C

Shades & Tints Shades & Tints

#44193B

Dark
Light

#939C7D

Dark
Light

#58786B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #44193b;
  --color-2: #939c7d;
  --color-3: #58786b;
  --color-4: #32555d;
  --color-5: #44344c;
}

SCSS

$color-1: #44193b;
$color-2: #939c7d;
$color-3: #58786b;
$color-4: #32555d;
$color-5: #44344c;

TAILWIND

colors: {
  'brand-1': '#44193b',
  'brand-2': '#939c7d',
  'brand-3': '#58786b',
  'brand-4': '#32555d',
  'brand-5': '#44344c',
}

RGB Array

[68, 25, 59], [147, 156, 125], [88, 120, 107], [50, 85, 93], [68, 52, 76]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #44193B, #939C7D, #58786B, #32555D, #44344C 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: #44193b; --color-2: #939c7d; --color-3: #58786b; --color-4: #32555d; --color-5: #44344c. 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