← Back to Editor

#392D40 · #D4B500 · #FF046E · #0E0E17 · #918584

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#392D40

Dark Plum · DarkSlateGray · Eggplant

HEX
#392D40
RGB
rgb(57, 45, 64)
HSL
hsl(278, 17%, 21%)
HSB
hsb(278, 30%, 25%)
CMYK
cmyk(11%, 30%, 0%, 75%)
Oklch
oklch(31.9% 0.037 312.8)

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

#D4B500

Autumn Sage · GoldenRod · Honey Gold

HEX
#D4B500
RGB
rgb(212, 181, 0)
HSL
hsl(51, 100%, 42%)
HSB
hsb(51, 100%, 83%)
CMYK
cmyk(0%, 15%, 100%, 17%)
Oklch
oklch(77.7% 0.160 96.7)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#FF046E

Dark Violet · DeepPink · Rose Pink

HEX
#FF046E
RGB
rgb(255, 4, 110)
HSL
hsl(335, 100%, 51%)
HSB
hsb(335, 98%, 100%)
CMYK
cmyk(0%, 98%, 57%, 0%)
Oklch
oklch(64.1% 0.256 8.2)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#0E0E17

Deep Indigo · Black · Deep Sea Blue

HEX
#0E0E17
RGB
rgb(14, 14, 23)
HSL
hsl(240, 24%, 7%)
HSB
hsb(240, 39%, 9%)
CMYK
cmyk(39%, 39%, 0%, 91%)
Oklch
oklch(16.8% 0.019 284.2)

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

#918584

Ash · Gray · Warm Gray

HEX
#918584
RGB
rgb(145, 133, 132)
HSL
hsl(5, 6%, 54%)
HSB
hsb(5, 9%, 57%)
CMYK
cmyk(0%, 8%, 9%, 43%)
Oklch
oklch(62.7% 0.015 23.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

392D40
333F2C

Analogous

2F2C3F
392D40
3F2C3C

Triadic

392D40
3F382C
2C3F38

Split-Comp.

392D40
3C3F2C
2C3F2F

Tetradic

392D40
3F2F2C
333F2C
2C3C3F

Contrast Matrix WCAG 2.1 Contrast

392D40
D4B500
FF046E
0E0E17
918584
—
6.4
AA
3.4
AA Large
1.5
Fail
3.6
AA Large
6.4
AA
—
1.9
Fail
9.5
AAA
1.8
Fail
3.4
AA Large
1.9
Fail
—
5.0
AA
1.1
Fail
1.5
Fail
9.5
AAA
5.0
AA
—
5.4
AA
3.6
AA Large
1.8
Fail
1.1
Fail
5.4
AA
—
White BG
12.9AAA
2.0Fail
3.8AA Large
19.2AAA
3.6AA Large
Black BG
1.6Fail
10.4AAA
5.5AA
1.1Fail
5.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

34343B
C7C62C
929054
0E0E15
8C8C84

Deuteranopia

35353A
C8CB36
A1B44E
0E0E14
8D8D84

Tritanopia

383837
D24E56
F2403C
0E1313
908484

Achromatopsia

333333
AAAAAA
5B5B5B
0F0F0F
888888

Shades & Tints Shades & Tints

#392D40

Dark
Light

#D4B500

Dark
Light

#FF046E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #392d40;
  --color-2: #d4b500;
  --color-3: #ff046e;
  --color-4: #0e0e17;
  --color-5: #918584;
}

SCSS

$color-1: #392d40;
$color-2: #d4b500;
$color-3: #ff046e;
$color-4: #0e0e17;
$color-5: #918584;

TAILWIND

colors: {
  'brand-1': '#392d40',
  'brand-2': '#d4b500',
  'brand-3': '#ff046e',
  'brand-4': '#0e0e17',
  'brand-5': '#918584',
}

RGB Array

[57, 45, 64], [212, 181, 0], [255, 4, 110], [14, 14, 23], [145, 133, 132]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #392D40, #D4B500, #FF046E, #0E0E17, #918584 is ideal for: tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #392d40; --color-2: #d4b500; --color-3: #ff046e; --color-4: #0e0e17; --color-5: #918584. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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 tech, SaaS, healthcare, eco industries. 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