← Back to Editor

#667319 · #CF072C · #5B0714 · #4F3E2A · #896034

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#667319

Autumn Sage · DarkOliveGreen · Honey Gold

HEX
#667319
RGB
rgb(102, 115, 25)
HSL
hsl(69, 64%, 27%)
HSB
hsb(69, 78%, 45%)
CMYK
cmyk(11%, 0%, 78%, 55%)
Oklch
oklch(52.7% 0.111 117.7)

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

#CF072C

Vermilion · Crimson · Passion Red

HEX
#CF072C
RGB
rgb(207, 7, 44)
HSL
hsl(349, 93%, 42%)
HSB
hsb(349, 97%, 81%)
CMYK
cmyk(0%, 97%, 79%, 19%)
Oklch
oklch(54.1% 0.216 22.8)

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

#5B0714

Vermilion · Maroon · Deep Berry

HEX
#5B0714
RGB
rgb(91, 7, 20)
HSL
hsl(351, 86%, 19%)
HSB
hsb(351, 92%, 36%)
CMYK
cmyk(0%, 92%, 78%, 64%)
Oklch
oklch(30.4% 0.114 20.6)

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

#4F3E2A

Ochre · DarkOliveGreen · Cinnamon

HEX
#4F3E2A
RGB
rgb(79, 62, 42)
HSL
hsl(32, 31%, 24%)
HSB
hsb(32, 47%, 31%)
CMYK
cmyk(0%, 22%, 47%, 69%)
Oklch
oklch(37.7% 0.040 70.7)

Traditional「Ochre」· Paint「Cinnamon」· Creative Blush Sunrise

#896034

Ochre · Sienna · Amber Brown

HEX
#896034
RGB
rgb(137, 96, 52)
HSL
hsl(31, 45%, 37%)
HSB
hsb(31, 62%, 54%)
CMYK
cmyk(0%, 30%, 62%, 46%)
Oklch
oklch(52.3% 0.080 66.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

667319
261971

Analogous

715219
667319
387119

Triadic

667319
196471
711964

Split-Comp.

667319
193871
521971

Tetradic

667319
197152
261971
711938

Contrast Matrix WCAG 2.1 Contrast

667319
CF072C
5B0714
4F3E2A
896034
—
1.1
Fail
2.7
Fail
2.0
Fail
1.1
Fail
1.1
Fail
—
2.5
Fail
1.8
Fail
1.0
Fail
2.7
Fail
2.5
Fail
—
1.4
Fail
2.5
Fail
2.0
Fail
1.8
Fail
1.4
Fail
—
1.8
Fail
1.1
Fail
1.0
Fail
2.5
Fail
1.8
Fail
—
White BG
5.2AA
5.6AA
14.1AAA
10.2AAA
5.5AA
Black BG
4.0AA Large
3.7AA Large
1.5Fail
2.1Fail
3.8AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

6C6C2F
787723
373611
48472F
77773F

Deuteranopia

6B6A34
849321
3C4210
494A30
7A7D41

Tritanopia

674044
C51C1A
570E0E
4E3334
874749

Achromatopsia

656565
474747
222222
414141
676767

Shades & Tints Shades & Tints

#667319

Dark
Light

#CF072C

Dark
Light

#5B0714

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #667319;
  --color-2: #cf072c;
  --color-3: #5b0714;
  --color-4: #4f3e2a;
  --color-5: #896034;
}

SCSS

$color-1: #667319;
$color-2: #cf072c;
$color-3: #5b0714;
$color-4: #4f3e2a;
$color-5: #896034;

TAILWIND

colors: {
  'brand-1': '#667319',
  'brand-2': '#cf072c',
  'brand-3': '#5b0714',
  'brand-4': '#4f3e2a',
  'brand-5': '#896034',
}

RGB Array

[102, 115, 25], [207, 7, 44], [91, 7, 20], [79, 62, 42], [137, 96, 52]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #667319, #CF072C, #5B0714, #4F3E2A, #896034 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: #667319; --color-2: #cf072c; --color-3: #5b0714; --color-4: #4f3e2a; --color-5: #896034. 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