← Back to Editor

#4F405C · #2F2D40 · #192133 · #4C7091 · #495775

A 5-color palette 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

#4F405C

Dark Plum · DarkSlateGray · Eggplant

HEX
#4F405C
RGB
rgb(79, 64, 92)
HSL
hsl(272, 18%, 31%)
HSB
hsb(272, 30%, 36%)
CMYK
cmyk(14%, 30%, 0%, 64%)
Oklch
oklch(39.9% 0.050 308.6)

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

#2F2D40

Deep Indigo · DarkSlateGray · Prussian Blue

HEX
#2F2D40
RGB
rgb(47, 45, 64)
HSL
hsl(246, 17%, 21%)
HSB
hsb(246, 30%, 25%)
CMYK
cmyk(27%, 30%, 0%, 75%)
Oklch
oklch(30.8% 0.034 289.1)

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

#192133

Indigo · DarkSlateGray · Deep Sea Blue

HEX
#192133
RGB
rgb(25, 33, 51)
HSL
hsl(222, 34%, 15%)
HSB
hsb(222, 51%, 20%)
CMYK
cmyk(51%, 35%, 0%, 80%)
Oklch
oklch(24.9% 0.036 265.5)

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

#4C7091

Slate Blue · SlateGray · Navy Blue

HEX
#4C7091
RGB
rgb(76, 112, 145)
HSL
hsl(209, 31%, 43%)
HSB
hsb(209, 48%, 57%)
CMYK
cmyk(48%, 23%, 0%, 43%)
Oklch
oklch(53.2% 0.066 247.0)

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

#495775

Indigo · DarkSlateBlue · Prussian Blue

HEX
#495775
RGB
rgb(73, 87, 117)
HSL
hsl(221, 23%, 37%)
HSB
hsb(221, 38%, 46%)
CMYK
cmyk(38%, 26%, 0%, 54%)
Oklch
oklch(45.7% 0.052 265.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

4F405C
4E5D41

Analogous

42415D
4F405C
5D415C

Triadic

4F405C
5D5041
415D50

Split-Comp.

4F405C
5C5D41
415D42

Tetradic

4F405C
5D4241
4E5D41
415C5D

Contrast Matrix WCAG 2.1 Contrast

4F405C
2F2D40
192133
4C7091
495775
—
1.4
Fail
1.7
Fail
1.8
Fail
1.3
Fail
1.4
Fail
—
1.2
Fail
2.6
Fail
1.8
Fail
1.7
Fail
1.2
Fail
—
3.1
AA Large
2.2
Fail
1.8
Fail
2.6
Fail
3.1
AA Large
—
1.4
Fail
1.3
Fail
1.8
Fail
2.2
Fail
1.4
Fail
—
White BG
9.5AAA
13.4AAA
16.1AAA
5.2AA
7.2AAA
Black BG
2.2Fail
1.6Fail
1.3Fail
4.0AA Large
2.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

494855
2E2E3B
1C1D2F
5C5C89
4F4F6E

Deuteranopia

494B54
2E2E3A
1C1B2E
5A5787
4E4D6C

Tritanopia

4E504F
2F3837
192B2A
4E8381
4A6867

Achromatopsia

484848
303030
212121
696969
565656

Shades & Tints Shades & Tints

#4F405C

Dark
Light

#2F2D40

Dark
Light

#192133

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #4f405c;
  --color-2: #2f2d40;
  --color-3: #192133;
  --color-4: #4c7091;
  --color-5: #495775;
}

SCSS

$color-1: #4f405c;
$color-2: #2f2d40;
$color-3: #192133;
$color-4: #4c7091;
$color-5: #495775;

TAILWIND

colors: {
  'brand-1': '#4f405c',
  'brand-2': '#2f2d40',
  'brand-3': '#192133',
  'brand-4': '#4c7091',
  'brand-5': '#495775',
}

RGB Array

[79, 64, 92], [47, 45, 64], [25, 33, 51], [76, 112, 145], [73, 87, 117]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #4F405C, #2F2D40, #192133, #4C7091, #495775 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: #4f405c; --color-2: #2f2d40; --color-3: #192133; --color-4: #4c7091; --color-5: #495775. 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