← Back to Editor

#081729 · #52454C · #3E786F · #AB9715 · #E66229

dark

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

#081729

Indigo · Black · Deep Sea Blue

HEX
#081729
RGB
rgb(8, 23, 41)
HSL
hsl(213, 67%, 10%)
HSB
hsb(213, 80%, 16%)
CMYK
cmyk(80%, 44%, 0%, 84%)
Oklch
oklch(20.2% 0.042 254.0)

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

#52454C

Rose Purple · DarkSlateGray · Charcoal

HEX
#52454C
RGB
rgb(82, 69, 76)
HSL
hsl(328, 9%, 30%)
HSB
hsb(328, 16%, 32%)
CMYK
cmyk(0%, 16%, 7%, 68%)
Oklch
oklch(40.6% 0.021 344.4)

Traditional「Rose Purple」· Paint「Charcoal」· Creative Midnight Shadow

#3E786F

Mineral Blue · SeaGreen · Mint Ice

HEX
#3E786F
RGB
rgb(62, 120, 111)
HSL
hsl(171, 32%, 36%)
HSB
hsb(171, 48%, 47%)
CMYK
cmyk(48%, 0%, 7%, 53%)
Oklch
oklch(53.1% 0.063 182.6)

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

#AB9715

Autumn Sage · DarkGoldenRod · Honey Gold

HEX
#AB9715
RGB
rgb(171, 151, 21)
HSL
hsl(52, 78%, 38%)
HSB
hsb(52, 88%, 67%)
CMYK
cmyk(0%, 12%, 88%, 33%)
Oklch
oklch(67.4% 0.135 99.4)

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

#E66229

Tangerine · Chocolate · Warm Sun

HEX
#E66229
RGB
rgb(230, 98, 41)
HSL
hsl(18, 79%, 53%)
HSB
hsb(18, 82%, 90%)
CMYK
cmyk(0%, 57%, 82%, 10%)
Oklch
oklch(65.4% 0.178 41.3)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

081729
2B1B08

Analogous

08292B
081729
0A082B

Triadic

081729
2B0818
182B08

Split-Comp.

081729
2B0A08
292B08

Tetradic

081729
2B0829
2B1B08
082B0A

Contrast Matrix WCAG 2.1 Contrast

081729
52454C
3E786F
AB9715
E66229
—
2.0
Fail
3.5
AA Large
6.2
AA
5.3
AA
2.0
Fail
—
1.8
Fail
3.1
AA Large
2.7
Fail
3.5
AA Large
1.8
Fail
—
1.7
Fail
1.5
Fail
6.2
AA
3.1
AA Large
1.7
Fail
—
1.2
Fail
5.3
AA
2.7
Fail
1.5
Fail
1.2
Fail
—
White BG
18.0AAA
9.1AAA
5.1AA
2.9Fail
3.4AA Large
Black BG
1.2Fail
2.3Fail
4.1AA Large
7.2AAA
6.1AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

0E0F25
4C4C4A
575871
A2A234
ADAC37

Deuteranopia

0E0D24
4D4E4A
544F72
A4A53C
B5BE3A

Tritanopia

092120
514949
417373
AA4D53
DF4244

Achromatopsia

151515
4A4A4A
666666
8E8E8E
838383

Shades & Tints Shades & Tints

#081729

Dark
Light

#52454C

Dark
Light

#3E786F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #081729;
  --color-2: #52454c;
  --color-3: #3e786f;
  --color-4: #ab9715;
  --color-5: #e66229;
}

SCSS

$color-1: #081729;
$color-2: #52454c;
$color-3: #3e786f;
$color-4: #ab9715;
$color-5: #e66229;

TAILWIND

colors: {
  'brand-1': '#081729',
  'brand-2': '#52454c',
  'brand-3': '#3e786f',
  'brand-4': '#ab9715',
  'brand-5': '#e66229',
}

RGB Array

[8, 23, 41], [82, 69, 76], [62, 120, 111], [171, 151, 21], [230, 98, 41]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #081729, #52454C, #3E786F, #AB9715, #E66229 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: #081729; --color-2: #52454c; --color-3: #3e786f; --color-4: #ab9715; --color-5: #e66229. 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 dark-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