← Back to Editor

#192720 · #022D29 · #47340A · #844404 · #840C0D

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

#192720

Mineral Blue · Black · Dark Green

HEX
#192720
RGB
rgb(25, 39, 32)
HSL
hsl(150, 22%, 13%)
HSB
hsb(150, 36%, 15%)
CMYK
cmyk(36%, 0%, 18%, 85%)
Oklch
oklch(25.7% 0.023 162.5)

Traditional「Mineral Blue」· Paint「Dark Green」· Creative Blush Sunrise

#022D29

Mineral Blue · Black · Peacock Green

HEX
#022D29
RGB
rgb(2, 45, 41)
HSL
hsl(174, 91%, 9%)
HSB
hsb(174, 96%, 18%)
CMYK
cmyk(96%, 0%, 9%, 82%)
Oklch
oklch(26.8% 0.046 185.5)

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

#47340A

Ochre · DarkOliveGreen · Amber Gold

HEX
#47340A
RGB
rgb(71, 52, 10)
HSL
hsl(41, 75%, 16%)
HSB
hsb(41, 86%, 28%)
CMYK
cmyk(0%, 27%, 86%, 72%)
Oklch
oklch(33.8% 0.062 82.8)

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

#844404

Ochre · Sienna · Amber Brown

HEX
#844404
RGB
rgb(132, 68, 4)
HSL
hsl(30, 94%, 27%)
HSB
hsb(30, 97%, 52%)
CMYK
cmyk(0%, 48%, 97%, 48%)
Oklch
oklch(45.8% 0.110 56.2)

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

#840C0D

Vermilion · Maroon · Wine Red

HEX
#840C0D
RGB
rgb(132, 12, 13)
HSL
hsl(359, 83%, 28%)
HSB
hsb(359, 91%, 52%)
CMYK
cmyk(0%, 91%, 90%, 48%)
Oklch
oklch(39.2% 0.152 27.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

192720
281A21

Analogous

1A281A
192720
1A2828

Triadic

192720
211A28
28211A

Split-Comp.

192720
281A28
281A1A

Tetradic

192720
1A1A28
281A21
28281A

Contrast Matrix WCAG 2.1 Contrast

192720
022D29
47340A
844404
840C0D
—
1.0
Fail
1.3
Fail
2.1
Fail
1.5
Fail
1.0
Fail
—
1.3
Fail
2.0
Fail
1.4
Fail
1.3
Fail
1.3
Fail
—
1.6
Fail
1.2
Fail
2.1
Fail
2.0
Fail
1.6
Fail
—
1.4
Fail
1.5
Fail
1.4
Fail
1.2
Fail
1.4
Fail
—
White BG
15.5AAA
14.9AAA
11.9AAA
7.5AAA
10.3AAA
Black BG
1.4Fail
1.4Fail
1.8Fail
2.8Fail
2.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

1F1F22
15152A
3F3F14
686813
504F0D

Deuteranopia

1E1D22
120F2A
404117
6C7117
57600D

Tritanopia

1A2323
042B2B
461C1E
812022
7E0D0D

Achromatopsia

222222
202020
353535
505050
303030

Shades & Tints Shades & Tints

#192720

Dark
Light

#022D29

Dark
Light

#47340A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #192720;
  --color-2: #022d29;
  --color-3: #47340a;
  --color-4: #844404;
  --color-5: #840c0d;
}

SCSS

$color-1: #192720;
$color-2: #022d29;
$color-3: #47340a;
$color-4: #844404;
$color-5: #840c0d;

TAILWIND

colors: {
  'brand-1': '#192720',
  'brand-2': '#022d29',
  'brand-3': '#47340a',
  'brand-4': '#844404',
  'brand-5': '#840c0d',
}

RGB Array

[25, 39, 32], [2, 45, 41], [71, 52, 10], [132, 68, 4], [132, 12, 13]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #192720, #022D29, #47340A, #844404, #840C0D 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: #192720; --color-2: #022d29; --color-3: #47340a; --color-4: #844404; --color-5: #840c0d. 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