← Back to Editor

#340508 · #8B221F · #996B4C · #89A670 · #64D99F

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#340508

Vermilion · Black · Deep Berry

HEX
#340508
RGB
rgb(52, 5, 8)
HSL
hsl(356, 82%, 11%)
HSB
hsb(356, 90%, 20%)
CMYK
cmyk(0%, 90%, 85%, 80%)
Oklch
oklch(21.4% 0.074 22.4)

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

#8B221F

Vermilion · Brown · Wine Red

HEX
#8B221F
RGB
rgb(139, 34, 31)
HSL
hsl(2, 64%, 33%)
HSB
hsb(2, 78%, 55%)
CMYK
cmyk(0%, 76%, 78%, 45%)
Oklch
oklch(42.4% 0.141 26.9)

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

#996B4C

Tangerine · Sienna · Amber Brown

HEX
#996B4C
RGB
rgb(153, 107, 76)
HSL
hsl(24, 34%, 45%)
HSB
hsb(24, 50%, 60%)
CMYK
cmyk(0%, 30%, 50%, 40%)
Oklch
oklch(56.8% 0.074 54.6)

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

#89A670

Celadon · DarkSeaGreen · Olive Green

HEX
#89A670
RGB
rgb(137, 166, 112)
HSL
hsl(92, 23%, 55%)
HSB
hsb(92, 33%, 65%)
CMYK
cmyk(17%, 0%, 33%, 35%)
Oklch
oklch(68.9% 0.082 131.2)

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

#64D99F

Jade · MediumAquaMarine · Apple Green

HEX
#64D99F
RGB
rgb(100, 217, 159)
HSL
hsl(150, 61%, 62%)
HSB
hsb(150, 54%, 85%)
CMYK
cmyk(54%, 0%, 27%, 15%)
Oklch
oklch(80.2% 0.136 159.4)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

340508
053330

Analogous

33051F
340508
331905

Triadic

340508
083305
050833

Split-Comp.

340508
053319
051F33

Tetradic

340508
1F3305
053330
190533

Contrast Matrix WCAG 2.1 Contrast

340508
8B221F
996B4C
89A670
64D99F
—
2.0
Fail
3.9
AA Large
6.6
AA
10.2
AAA
2.0
Fail
—
1.9
Fail
3.3
AA Large
5.1
AA
3.9
AA Large
1.9
Fail
—
1.7
Fail
2.6
Fail
6.6
AA
3.3
AA Large
1.7
Fail
—
1.5
Fail
10.2
AAA
5.1
AA
2.6
Fail
1.5
Fail
—
White BG
17.9AAA
8.9AAA
4.6AA
2.7Fail
1.8Fail
Black BG
1.2Fail
2.3Fail
4.6AA
7.8AAA
12.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

201F07
5E5D20
858554
96967D
9798AD

Deuteranopia

222607
646C20
888B55
949280
9087B0

Tritanopia

320707
862020
97595B
8A878A
6AB8BB

Achromatopsia

131313
414141
757575
979797
AFAFAF

Shades & Tints Shades & Tints

#340508

Dark
Light

#8B221F

Dark
Light

#996B4C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #340508;
  --color-2: #8b221f;
  --color-3: #996b4c;
  --color-4: #89a670;
  --color-5: #64d99f;
}

SCSS

$color-1: #340508;
$color-2: #8b221f;
$color-3: #996b4c;
$color-4: #89a670;
$color-5: #64d99f;

TAILWIND

colors: {
  'brand-1': '#340508',
  'brand-2': '#8b221f',
  'brand-3': '#996b4c',
  'brand-4': '#89a670',
  'brand-5': '#64d99f',
}

RGB Array

[52, 5, 8], [139, 34, 31], [153, 107, 76], [137, 166, 112], [100, 217, 159]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #340508, #8B221F, #996B4C, #89A670, #64D99F is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #340508; --color-2: #8b221f; --color-3: #996b4c; --color-4: #89a670; --color-5: #64d99f. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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 tech, SaaS, healthcare, eco industries. 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