← Back to Editor

#000407 · #340927 · #2B4E6E · #8D706A · #E9B391

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

#000407

Lake Blue · Black · Deep Sea Blue

HEX
#000407
RGB
rgb(0, 4, 7)
HSL
hsl(206, 100%, 1%)
HSB
hsb(206, 100%, 3%)
CMYK
cmyk(100%, 43%, 0%, 97%)
Oklch
oklch(10.0% 0.019 227.1)

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

#340927

Rose Purple · Black · Dark Purple

HEX
#340927
RGB
rgb(52, 9, 39)
HSL
hsl(318, 70%, 12%)
HSB
hsb(318, 83%, 20%)
CMYK
cmyk(0%, 83%, 25%, 80%)
Oklch
oklch(23.1% 0.079 342.3)

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

#2B4E6E

Slate Blue · DarkSlateGray · Prussian Blue

HEX
#2B4E6E
RGB
rgb(43, 78, 110)
HSL
hsl(209, 44%, 30%)
HSB
hsb(209, 61%, 43%)
CMYK
cmyk(61%, 29%, 0%, 57%)
Oklch
oklch(41.3% 0.068 247.7)

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

#8D706A

Crimson · Gray · Passion Red

HEX
#8D706A
RGB
rgb(141, 112, 106)
HSL
hsl(10, 14%, 48%)
HSB
hsb(10, 25%, 55%)
CMYK
cmyk(0%, 21%, 25%, 45%)
Oklch
oklch(57.2% 0.038 31.8)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#E9B391

Apricot · BurlyWood · Warm Sun

HEX
#E9B391
RGB
rgb(233, 179, 145)
HSL
hsl(23, 67%, 74%)
HSB
hsb(23, 38%, 91%)
CMYK
cmyk(0%, 23%, 38%, 9%)
Oklch
oklch(80.8% 0.078 53.5)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

000407
050200

Analogous

000505
000407
000005

Triadic

000407
050003
030500

Split-Comp.

000407
050000
050500

Tetradic

000407
050005
050200
000500

Contrast Matrix WCAG 2.1 Contrast

000407
340927
2B4E6E
8D706A
E9B391
—
1.2
Fail
2.4
Fail
4.6
AA
11.1
AAA
1.2
Fail
—
2.0
Fail
3.8
AA Large
9.3
AAA
2.4
Fail
2.0
Fail
—
1.9
Fail
4.7
AA
4.6
AA
3.8
AA Large
1.9
Fail
—
2.4
Fail
11.1
AAA
9.3
AAA
4.7
AA
2.4
Fail
—
White BG
20.6AAA
17.3AAA
8.7AAA
4.5AA
1.9Fail
Black BG
1.0Fail
1.2Fail
2.4Fail
4.7AA
11.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

020206
212120
3A3A66
80806B
D2D199

Deuteranopia

020106
24271E
383664
82846C
D5D99B

Tritanopia

000606
321A19
2D605F
8C6D6D
E6A0A1

Achromatopsia

030303
191919
474747
787878
BFBFBF

Shades & Tints Shades & Tints

#000407

Dark
Light

#340927

Dark
Light

#2B4E6E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #000407;
  --color-2: #340927;
  --color-3: #2b4e6e;
  --color-4: #8d706a;
  --color-5: #e9b391;
}

SCSS

$color-1: #000407;
$color-2: #340927;
$color-3: #2b4e6e;
$color-4: #8d706a;
$color-5: #e9b391;

TAILWIND

colors: {
  'brand-1': '#000407',
  'brand-2': '#340927',
  'brand-3': '#2b4e6e',
  'brand-4': '#8d706a',
  'brand-5': '#e9b391',
}

RGB Array

[0, 4, 7], [52, 9, 39], [43, 78, 110], [141, 112, 106], [233, 179, 145]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #000407, #340927, #2B4E6E, #8D706A, #E9B391 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: #000407; --color-2: #340927; --color-3: #2b4e6e; --color-4: #8d706a; --color-5: #e9b391. 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