← Back to Editor

#010109 · #364F4B · #341906 · #6A805A · #A0580E

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

#010109

Deep Indigo · Black · Deep Sea Blue

HEX
#010109
RGB
rgb(1, 1, 9)
HSL
hsl(240, 80%, 2%)
HSB
hsb(240, 89%, 4%)
CMYK
cmyk(89%, 89%, 0%, 96%)
Oklch
oklch(8.1% 0.033 276.3)

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

#364F4B

Mineral Blue · DarkSlateGray · Mint Ice

HEX
#364F4B
RGB
rgb(54, 79, 75)
HSL
hsl(170, 19%, 26%)
HSB
hsb(170, 32%, 31%)
CMYK
cmyk(32%, 0%, 5%, 69%)
Oklch
oklch(40.6% 0.031 183.7)

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

#341906

Tangerine · Black · Cinnamon

HEX
#341906
RGB
rgb(52, 25, 6)
HSL
hsl(25, 79%, 11%)
HSB
hsb(25, 88%, 20%)
CMYK
cmyk(0%, 52%, 88%, 80%)
Oklch
oklch(24.8% 0.052 53.2)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

#6A805A

Celadon · DimGray · Olive Green

HEX
#6A805A
RGB
rgb(106, 128, 90)
HSL
hsl(95, 17%, 43%)
HSB
hsb(95, 30%, 50%)
CMYK
cmyk(17%, 0%, 30%, 50%)
Oklch
oklch(57.2% 0.062 132.5)

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

#A0580E

Ochre · Sienna · Amber Brown

HEX
#A0580E
RGB
rgb(160, 88, 14)
HSL
hsl(30, 84%, 34%)
HSB
hsb(30, 91%, 63%)
CMYK
cmyk(0%, 45%, 91%, 37%)
Oklch
oklch(53.4% 0.122 58.3)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

010109
090901

Analogous

010509
010109
050109

Triadic

010109
090101
010901

Split-Comp.

010109
090501
050901

Tetradic

010109
090105
090901
010905

Contrast Matrix WCAG 2.1 Contrast

010109
364F4B
341906
6A805A
A0580E
—
2.4
Fail
1.3
Fail
4.8
AA
3.9
AA Large
2.4
Fail
—
1.8
Fail
2.0
Fail
1.6
Fail
1.3
Fail
1.8
Fail
—
3.8
AA Large
3.0
AA Large
4.8
AA
2.0
Fail
3.8
AA Large
—
1.2
Fail
3.9
AA Large
1.6
Fail
3.0
AA Large
1.2
Fail
—
White BG
20.8AAA
8.8AAA
16.3AAA
4.3AA Large
5.4AA
Black BG
1.0Fail
2.4Fail
1.3Fail
4.8AA
3.9AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

010107
41414C
28280B
747463
818020

Deuteranopia

010107
3F3E4C
2A2C0C
727165
858A24

Tritanopia

010605
374D4D
330E0F
6B6A6C
9C2E31

Achromatopsia

020202
474747
1F1F1F
757575
656565

Shades & Tints Shades & Tints

#010109

Dark
Light

#364F4B

Dark
Light

#341906

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #010109;
  --color-2: #364f4b;
  --color-3: #341906;
  --color-4: #6a805a;
  --color-5: #a0580e;
}

SCSS

$color-1: #010109;
$color-2: #364f4b;
$color-3: #341906;
$color-4: #6a805a;
$color-5: #a0580e;

TAILWIND

colors: {
  'brand-1': '#010109',
  'brand-2': '#364f4b',
  'brand-3': '#341906',
  'brand-4': '#6a805a',
  'brand-5': '#a0580e',
}

RGB Array

[1, 1, 9], [54, 79, 75], [52, 25, 6], [106, 128, 90], [160, 88, 14]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #010109, #364F4B, #341906, #6A805A, #A0580E 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: #010109; --color-2: #364f4b; --color-3: #341906; --color-4: #6a805a; --color-5: #a0580e. 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