← Back to Editor

#6E875F · #340400 · #9D300F · #F79F19 · #FFC224

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 AppData Visualization

Color Details Color Details

#6E875F

Celadon · DimGray · Olive Green

HEX
#6E875F
RGB
rgb(110, 135, 95)
HSL
hsl(98, 17%, 45%)
HSB
hsb(98, 30%, 53%)
CMYK
cmyk(19%, 0%, 30%, 47%)
Oklch
oklch(59.3% 0.066 134.1)

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

#340400

Vermilion · Black · Deep Berry

HEX
#340400
RGB
rgb(52, 4, 0)
HSL
hsl(5, 100%, 10%)
HSB
hsb(5, 100%, 20%)
CMYK
cmyk(0%, 92%, 100%, 80%)
Oklch
oklch(21.0% 0.078 32.8)

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

#9D300F

Vermilion · Brown · Wine Red

HEX
#9D300F
RGB
rgb(157, 48, 15)
HSL
hsl(14, 83%, 34%)
HSB
hsb(14, 90%, 62%)
CMYK
cmyk(0%, 69%, 90%, 38%)
Oklch
oklch(47.0% 0.150 36.0)

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

#F79F19

Ginger · Orange · Warm Sun

HEX
#F79F19
RGB
rgb(247, 159, 25)
HSL
hsl(36, 93%, 53%)
HSB
hsb(36, 90%, 97%)
CMYK
cmyk(0%, 36%, 90%, 3%)
Oklch
oklch(77.3% 0.163 69.1)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#FFC224

Ginger · Gold · Sunflower

HEX
#FFC224
RGB
rgb(255, 194, 36)
HSL
hsl(43, 100%, 57%)
HSB
hsb(43, 86%, 100%)
CMYK
cmyk(0%, 24%, 86%, 0%)
Oklch
oklch(84.7% 0.167 84.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6E875F
785F86

Analogous

81865F
6E875F
5F8664

Triadic

6E875F
5F6E86
865F6E

Split-Comp.

6E875F
645F86
865F81

Tetradic

6E875F
5F8186
785F86
86645F

Contrast Matrix WCAG 2.1 Contrast

6E875F
340400
9D300F
F79F19
FFC224
—
4.6
AA
1.8
Fail
1.9
Fail
2.5
Fail
4.6
AA
—
2.5
Fail
8.5
AAA
11.2
AAA
1.8
Fail
2.5
Fail
—
3.5
AA Large
4.5
AA
1.9
Fail
8.5
AAA
3.5
AA Large
—
1.3
Fail
2.5
Fail
11.2
AAA
4.5
AA
1.3
Fail
—
White BG
4.0AA Large
18.1AAA
7.3AAA
2.1Fail
1.6Fail
Black BG
5.3AA
1.2Fail
2.9Fail
9.9AAA
13.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

797969
1F1F01
6E6D17
D1D039
E5E44A

Deuteranopia

77766B
222601
747C19
D6DD41
E8ED53

Tritanopia

6F7072
320202
981D1F
F35359
FC686F

Achromatopsia

7B7B7B
121212
4D4D4D
AAAAAA
C2C2C2

Shades & Tints Shades & Tints

#6E875F

Dark
Light

#340400

Dark
Light

#9D300F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6e875f;
  --color-2: #340400;
  --color-3: #9d300f;
  --color-4: #f79f19;
  --color-5: #ffc224;
}

SCSS

$color-1: #6e875f;
$color-2: #340400;
$color-3: #9d300f;
$color-4: #f79f19;
$color-5: #ffc224;

TAILWIND

colors: {
  'brand-1': '#6e875f',
  'brand-2': '#340400',
  'brand-3': '#9d300f',
  'brand-4': '#f79f19',
  'brand-5': '#ffc224',
}

RGB Array

[110, 135, 95], [52, 4, 0], [157, 48, 15], [247, 159, 25], [255, 194, 36]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #6E875F, #340400, #9D300F, #F79F19, #FFC224 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #6e875f; --color-2: #340400; --color-3: #9d300f; --color-4: #f79f19; --color-5: #ffc224. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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