← Back to Editor

#DA940E · #8A470C · #550909 · #04474C · #12171B

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

#DA940E

Ochre · GoldenRod · Amber Brown

HEX
#DA940E
RGB
rgb(218, 148, 14)
HSL
hsl(39, 88%, 45%)
HSB
hsb(39, 94%, 85%)
CMYK
cmyk(0%, 32%, 94%, 15%)
Oklch
oklch(71.9% 0.149 74.7)

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

#8A470C

Tangerine · Sienna · Amber Brown

HEX
#8A470C
RGB
rgb(138, 71, 12)
HSL
hsl(28, 84%, 29%)
HSB
hsb(28, 91%, 54%)
CMYK
cmyk(0%, 49%, 91%, 46%)
Oklch
oklch(47.2% 0.112 54.5)

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

#550909

Vermilion · Maroon · Deep Berry

HEX
#550909
RGB
rgb(85, 9, 9)
HSL
hsl(0, 81%, 18%)
HSB
hsb(0, 89%, 33%)
CMYK
cmyk(0%, 89%, 89%, 67%)
Oklch
oklch(29.1% 0.107 27.1)

Traditional「Vermilion」· Paint「Deep Berry」· Creative Blush Sunrise

#04474C

Lake Blue · DarkSlateGray · Peacock Green

HEX
#04474C
RGB
rgb(4, 71, 76)
HSL
hsl(184, 90%, 16%)
HSB
hsb(184, 95%, 30%)
CMYK
cmyk(95%, 7%, 0%, 70%)
Oklch
oklch(36.3% 0.060 203.1)

Traditional「Lake Blue」· Paint「Peacock Green」· Creative Blush Sunrise

#12171B

Slate Blue · Black · Deep Sea Blue

HEX
#12171B
RGB
rgb(18, 23, 27)
HSL
hsl(207, 20%, 9%)
HSB
hsb(207, 33%, 11%)
CMYK
cmyk(33%, 15%, 0%, 89%)
Oklch
oklch(20.1% 0.011 242.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DA940E
0E54D8

Analogous

D82C0E
DA940E
B9D80E

Triadic

DA940E
0ED891
910ED8

Split-Comp.

DA940E
0EB9D8
2C0ED8

Tetradic

DA940E
0ED82C
0E54D8
D80EB9

Contrast Matrix WCAG 2.1 Contrast

DA940E
8A470C
550909
04474C
12171B
—
2.8
Fail
5.8
AA
4.1
AA Large
7.1
AAA
2.8
Fail
—
2.1
Fail
1.5
Fail
2.6
Fail
5.8
AA
2.1
Fail
—
1.4
Fail
1.2
Fail
4.1
AA Large
1.5
Fail
1.4
Fail
—
1.7
Fail
7.1
AAA
2.6
Fail
1.2
Fail
1.7
Fail
—
White BG
2.6Fail
7.0AAA
14.7AAA
10.4AAA
18.0AAA
Black BG
8.2AAA
3.0Fail
1.4Fail
2.0Fail
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

BCBB2E
6D6C1A
343309
21224B
14141A

Deuteranopia

C0C536
71761E
393E09
1D184B
14141A

Tritanopia

D7484E
872628
510909
074A4A
121919

Achromatopsia

9A9A9A
545454
202020
343434
161616

Shades & Tints Shades & Tints

#DA940E

Dark
Light

#8A470C

Dark
Light

#550909

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #da940e;
  --color-2: #8a470c;
  --color-3: #550909;
  --color-4: #04474c;
  --color-5: #12171b;
}

SCSS

$color-1: #da940e;
$color-2: #8a470c;
$color-3: #550909;
$color-4: #04474c;
$color-5: #12171b;

TAILWIND

colors: {
  'brand-1': '#da940e',
  'brand-2': '#8a470c',
  'brand-3': '#550909',
  'brand-4': '#04474c',
  'brand-5': '#12171b',
}

RGB Array

[218, 148, 14], [138, 71, 12], [85, 9, 9], [4, 71, 76], [18, 23, 27]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DA940E, #8A470C, #550909, #04474C, #12171B 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: #da940e; --color-2: #8a470c; --color-3: #550909; --color-4: #04474c; --color-5: #12171b. 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 general-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