← Back to Editor

#670405 · #940810 · #CF9C39 · #43754C · #1F3F30

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

#670405

Vermilion · Maroon · Wine Red

HEX
#670405
RGB
rgb(103, 4, 5)
HSL
hsl(359, 93%, 21%)
HSB
hsb(359, 96%, 40%)
CMYK
cmyk(0%, 96%, 95%, 60%)
Oklch
oklch(32.6% 0.129 28.1)

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

#940810

Vermilion · DarkRed · Wine Red

HEX
#940810
RGB
rgb(148, 8, 16)
HSL
hsl(357, 90%, 31%)
HSB
hsb(357, 95%, 58%)
CMYK
cmyk(0%, 95%, 89%, 42%)
Oklch
oklch(42.3% 0.168 27.0)

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

#CF9C39

Ginger · GoldenRod · Sunflower

HEX
#CF9C39
RGB
rgb(207, 156, 57)
HSL
hsl(40, 61%, 52%)
HSB
hsb(40, 72%, 81%)
CMYK
cmyk(0%, 25%, 72%, 19%)
Oklch
oklch(72.4% 0.128 80.4)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#43754C

Celadon · SeaGreen · Forest Green

HEX
#43754C
RGB
rgb(67, 117, 76)
HSL
hsl(131, 27%, 36%)
HSB
hsb(131, 43%, 46%)
CMYK
cmyk(43%, 0%, 35%, 54%)
Oklch
oklch(51.5% 0.084 148.6)

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

#1F3F30

Mineral Blue · DarkSlateGray · Dark Green

HEX
#1F3F30
RGB
rgb(31, 63, 48)
HSL
hsl(152, 34%, 18%)
HSB
hsb(152, 51%, 25%)
CMYK
cmyk(51%, 0%, 24%, 75%)
Oklch
oklch(33.8% 0.047 162.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

670405
046766

Analogous

670437
670405
673404

Triadic

670405
056704
040567

Split-Comp.

670405
046734
043767

Tetradic

670405
376704
046766
340467

Contrast Matrix WCAG 2.1 Contrast

670405
940810
CF9C39
43754C
1F3F30
—
1.4
Fail
5.3
AA
2.4
Fail
1.1
Fail
1.4
Fail
—
3.7
AA Large
1.7
Fail
1.3
Fail
5.3
AA
3.7
AA Large
—
2.2
Fail
4.7
AA
2.4
Fail
1.7
Fail
2.2
Fail
—
2.1
Fail
1.1
Fail
1.3
Fail
4.7
AA
2.1
Fail
—
White BG
13.2AAA
9.1AAA
2.5Fail
5.4AA
11.6AAA
Black BG
1.6Fail
2.3Fail
8.5AAA
3.9AA Large
1.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

3C3B05
57560E
B9B851
595956
2D2D34

Deuteranopia

424905
606A0E
BCC057
565258
2B2934

Tritanopia

620505
8D0D0C
CC6468
465E5F
213637

Achromatopsia

222222
333333
A0A0A0
616161
343434

Shades & Tints Shades & Tints

#670405

Dark
Light

#940810

Dark
Light

#CF9C39

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #670405;
  --color-2: #940810;
  --color-3: #cf9c39;
  --color-4: #43754c;
  --color-5: #1f3f30;
}

SCSS

$color-1: #670405;
$color-2: #940810;
$color-3: #cf9c39;
$color-4: #43754c;
$color-5: #1f3f30;

TAILWIND

colors: {
  'brand-1': '#670405',
  'brand-2': '#940810',
  'brand-3': '#cf9c39',
  'brand-4': '#43754c',
  'brand-5': '#1f3f30',
}

RGB Array

[103, 4, 5], [148, 8, 16], [207, 156, 57], [67, 117, 76], [31, 63, 48]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #670405, #940810, #CF9C39, #43754C, #1F3F30 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: #670405; --color-2: #940810; --color-3: #cf9c39; --color-4: #43754c; --color-5: #1f3f30. 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