← Back to Editor

#340503 · #4F5030 · #646B49 · #E6DEBA · #DDCDAC

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

#340503

Vermilion · Black · Deep Berry

HEX
#340503
RGB
rgb(52, 5, 3)
HSL
hsl(2, 89%, 11%)
HSB
hsb(2, 94%, 20%)
CMYK
cmyk(0%, 90%, 94%, 80%)
Oklch
oklch(21.3% 0.075 29.2)

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

#4F5030

Autumn Sage · DarkOliveGreen · Amber Gold

HEX
#4F5030
RGB
rgb(79, 80, 48)
HSL
hsl(62, 25%, 25%)
HSB
hsb(62, 40%, 31%)
CMYK
cmyk(1%, 0%, 40%, 69%)
Oklch
oklch(42.2% 0.049 109.9)

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

#646B49

Grass Green · DarkOliveGreen · Forest Green

HEX
#646B49
RGB
rgb(100, 107, 73)
HSL
hsl(72, 19%, 35%)
HSB
hsb(72, 32%, 42%)
CMYK
cmyk(7%, 0%, 32%, 58%)
Oklch
oklch(51.2% 0.051 117.7)

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

#E6DEBA

Goose Yellow · Wheat · Lemon Cream

HEX
#E6DEBA
RGB
rgb(230, 222, 186)
HSL
hsl(49, 47%, 82%)
HSB
hsb(49, 19%, 90%)
CMYK
cmyk(0%, 3%, 19%, 10%)
Oklch
oklch(89.8% 0.048 96.9)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#DDCDAC

Goose Yellow · Wheat · Lemon Cream

HEX
#DDCDAC
RGB
rgb(221, 205, 172)
HSL
hsl(40, 42%, 77%)
HSB
hsb(40, 22%, 87%)
CMYK
cmyk(0%, 7%, 22%, 13%)
Oklch
oklch(85.3% 0.048 85.2)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

340503
033335

Analogous

35031A
340503
351E03

Triadic

340503
033505
050335

Split-Comp.

340503
03351E
031A35

Tetradic

340503
1A3503
033335
1E0335

Contrast Matrix WCAG 2.1 Contrast

340503
4F5030
646B49
E6DEBA
DDCDAC
—
2.2
Fail
3.2
AA Large
13.3
AAA
11.5
AAA
2.2
Fail
—
1.5
Fail
6.2
AA
5.3
AA
3.2
AA Large
1.5
Fail
—
4.1
AA Large
3.6
AA Large
13.3
AAA
6.2
AA
4.1
AA Large
—
1.2
Fail
11.5
AAA
5.3
AA
3.6
AA Large
1.2
Fail
—
White BG
18.0AAA
8.3AAA
5.6AA
1.4Fail
1.6Fail
Black BG
1.2Fail
2.5Fail
3.7AA Large
15.5AAA
13.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

201F03
4F4F38
676751
E3E2C3
D6D6B4

Deuteranopia

222604
4F4F3A
676653
E3E4C5
D7D8B6

Tritanopia

320404
4F3E3F
645859
E6CACB
DCBABC

Achromatopsia

131313
4C4C4C
656565
DCDCDC
CECECE

Shades & Tints Shades & Tints

#340503

Dark
Light

#4F5030

Dark
Light

#646B49

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #340503;
  --color-2: #4f5030;
  --color-3: #646b49;
  --color-4: #e6deba;
  --color-5: #ddcdac;
}

SCSS

$color-1: #340503;
$color-2: #4f5030;
$color-3: #646b49;
$color-4: #e6deba;
$color-5: #ddcdac;

TAILWIND

colors: {
  'brand-1': '#340503',
  'brand-2': '#4f5030',
  'brand-3': '#646b49',
  'brand-4': '#e6deba',
  'brand-5': '#ddcdac',
}

RGB Array

[52, 5, 3], [79, 80, 48], [100, 107, 73], [230, 222, 186], [221, 205, 172]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #340503, #4F5030, #646B49, #E6DEBA, #DDCDAC 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: #340503; --color-2: #4f5030; --color-3: #646b49; --color-4: #e6deba; --color-5: #ddcdac. 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