← Back to Editor

#05886A · #E8AC16 · #F1461F · #C50E06 · #63080F

dark

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#05886A

Mineral Blue · Teal · Mint Ice

HEX
#05886A
RGB
rgb(5, 136, 106)
HSL
hsl(166, 93%, 28%)
HSB
hsb(166, 96%, 53%)
CMYK
cmyk(96%, 0%, 22%, 47%)
Oklch
oklch(55.8% 0.109 170.1)

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

#E8AC16

Ochre · GoldenRod · Honey Gold

HEX
#E8AC16
RGB
rgb(232, 172, 22)
HSL
hsl(43, 83%, 50%)
HSB
hsb(43, 91%, 91%)
CMYK
cmyk(0%, 26%, 91%, 9%)
Oklch
oklch(78.0% 0.157 82.6)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#F1461F

Vermilion · OrangeRed · Passion Red

HEX
#F1461F
RGB
rgb(241, 70, 31)
HSL
hsl(11, 88%, 53%)
HSB
hsb(11, 87%, 95%)
CMYK
cmyk(0%, 71%, 87%, 5%)
Oklch
oklch(63.9% 0.213 33.8)

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

#C50E06

Vermilion · FireBrick · Wine Red

HEX
#C50E06
RGB
rgb(197, 14, 6)
HSL
hsl(3, 94%, 40%)
HSB
hsb(3, 97%, 77%)
CMYK
cmyk(0%, 93%, 97%, 23%)
Oklch
oklch(52.1% 0.208 29.4)

Traditional「Vermilion」· Paint「Wine Red」· Creative Blush Sunrise

#63080F

Vermilion · Maroon · Wine Red

HEX
#63080F
RGB
rgb(99, 8, 15)
HSL
hsl(355, 85%, 21%)
HSB
hsb(355, 92%, 39%)
CMYK
cmyk(0%, 92%, 85%, 61%)
Oklch
oklch(32.1% 0.122 24.8)

Traditional「Vermilion」· Paint「Wine Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

05886A
8A0524

Analogous

058A28
05886A
05668A

Triadic

05886A
6B058A
8A6B05

Split-Comp.

05886A
8A0566
8A2805

Tetradic

05886A
28058A
8A0524
668A05

Contrast Matrix WCAG 2.1 Contrast

05886A
E8AC16
F1461F
C50E06
63080F
—
2.2
Fail
1.2
Fail
1.4
Fail
3.0
AA Large
2.2
Fail
—
1.8
Fail
3.0
AA Large
6.6
AA
1.2
Fail
1.8
Fail
—
1.6
Fail
3.6
AA Large
1.4
Fail
3.0
AA Large
1.6
Fail
—
2.2
Fail
3.0
AA Large
6.6
AA
3.6
AA Large
2.2
Fail
—
White BG
4.4AA Large
2.0Fail
3.7AA Large
6.1AA
13.4AAA
Black BG
4.7AA
10.3AAA
5.6AA
3.4AA Large
1.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

3E3F71
CECD3A
A7A528
767408
3C3B0D

Deuteranopia

362C73
D2D643
B1BE2B
808E08
41480D

Tritanopia

0C7778
E5575D
E83032
BC090A
5E0C0C

Achromatopsia

5D5D5D
ADADAD
757575
444444
242424

Shades & Tints Shades & Tints

#05886A

Dark
Light

#E8AC16

Dark
Light

#F1461F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #05886a;
  --color-2: #e8ac16;
  --color-3: #f1461f;
  --color-4: #c50e06;
  --color-5: #63080f;
}

SCSS

$color-1: #05886a;
$color-2: #e8ac16;
$color-3: #f1461f;
$color-4: #c50e06;
$color-5: #63080f;

TAILWIND

colors: {
  'brand-1': '#05886a',
  'brand-2': '#e8ac16',
  'brand-3': '#f1461f',
  'brand-4': '#c50e06',
  'brand-5': '#63080f',
}

RGB Array

[5, 136, 106], [232, 172, 22], [241, 70, 31], [197, 14, 6], [99, 8, 15]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #05886A, #E8AC16, #F1461F, #C50E06, #63080F is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #05886a; --color-2: #e8ac16; --color-3: #f1461f; --color-4: #c50e06; --color-5: #63080f. 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 dark-style 5-color scheme is especially suited for food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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