← Back to Editor

#3D2340 · #43384F · #494E5E · #50646E · #577A7E

cool

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

ProfoundPremiumCool

Industry INDUSTRY

FinanceLuxury

UI Context UI CONTEXT

Dark ThemeCorporate

Color Details Color Details

#3D2340

Dark Plum · DarkSlateGray · Dark Purple

HEX
#3D2340
RGB
rgb(61, 35, 64)
HSL
hsl(294, 29%, 19%)
HSB
hsb(294, 45%, 25%)
CMYK
cmyk(5%, 45%, 0%, 75%)
Oklch
oklch(30.2% 0.061 323.2)

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

#43384F

Deep Indigo · DarkSlateGray · Eggplant

HEX
#43384F
RGB
rgb(67, 56, 79)
HSL
hsl(269, 17%, 26%)
HSB
hsb(269, 29%, 31%)
CMYK
cmyk(15%, 29%, 0%, 69%)
Oklch
oklch(36.2% 0.041 306.2)

Traditional「Deep Indigo」· Paint「Eggplant」· Creative Blush Sunrise

#494E5E

Indigo · DarkSlateGray · Prussian Blue

HEX
#494E5E
RGB
rgb(73, 78, 94)
HSL
hsl(226, 13%, 33%)
HSB
hsb(226, 22%, 37%)
CMYK
cmyk(22%, 17%, 0%, 63%)
Oklch
oklch(42.6% 0.027 271.6)

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

#50646E

Slate Blue · DimGray · Prussian Blue

HEX
#50646E
RGB
rgb(80, 100, 110)
HSL
hsl(200, 16%, 37%)
HSB
hsb(200, 27%, 43%)
CMYK
cmyk(27%, 9%, 0%, 57%)
Oklch
oklch(49.1% 0.029 229.7)

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

#577A7E

Slate Blue · SlateGray · Mint Ice

HEX
#577A7E
RGB
rgb(87, 122, 126)
HSL
hsl(186, 18%, 42%)
HSB
hsb(186, 31%, 49%)
CMYK
cmyk(31%, 3%, 0%, 51%)
Oklch
oklch(55.5% 0.040 204.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

3D2340
253F22

Analogous

2E223F
3D2340
3F2233

Triadic

3D2340
3F3C22
223F3C

Split-Comp.

3D2340
333F22
223F2E

Tetradic

3D2340
3F2E22
253F22
22333F

Contrast Matrix WCAG 2.1 Contrast

3D2340
43384F
494E5E
50646E
577A7E
—
1.3
Fail
1.7
Fail
2.2
Fail
3.0
Fail
1.3
Fail
—
1.3
Fail
1.8
Fail
2.3
Fail
1.7
Fail
1.3
Fail
—
1.3
Fail
1.8
Fail
2.2
Fail
1.8
Fail
1.3
Fail
—
1.3
Fail
3.0
Fail
2.3
Fail
1.8
Fail
1.3
Fail
—
White BG
13.9AAA
11.0AAA
8.3AAA
6.2AA
4.7AA
Black BG
1.5Fail
1.9Fail
2.5Fail
3.4AA Large
4.5AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

323239
3E3E49
4B4B5A
59596C
66667D

Deuteranopia

333537
3F4048
4B4B59
58566B
64627D

Tritanopia

3C3332
424544
495756
516A69
597C7C

Achromatopsia

2E2E2E
3E3E3E
4E4E4E
5F5F5F
707070

Shades & Tints Shades & Tints

#3D2340

Dark
Light

#43384F

Dark
Light

#494E5E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #3d2340;
  --color-2: #43384f;
  --color-3: #494e5e;
  --color-4: #50646e;
  --color-5: #577a7e;
}

SCSS

$color-1: #3d2340;
$color-2: #43384f;
$color-3: #494e5e;
$color-4: #50646e;
$color-5: #577a7e;

TAILWIND

colors: {
  'brand-1': '#3d2340',
  'brand-2': '#43384f',
  'brand-3': '#494e5e',
  'brand-4': '#50646e',
  'brand-5': '#577a7e',
}

RGB Array

[61, 35, 64], [67, 56, 79], [73, 78, 94], [80, 100, 110], [87, 122, 126]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #3D2340, #43384F, #494E5E, #50646E, #577A7E 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: #3d2340; --color-2: #43384f; --color-3: #494e5e; --color-4: #50646e; --color-5: #577a7e. 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 cool-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