← Back to Editor

#E3E291 · #B3BD7C · #821915 · #000000 · #659C84

vintage

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

NostalgicClassicTimelessWarmCool

Industry INDUSTRY

CafePublishingCraft

UI Context UI CONTEXT

StorefrontDigital MenuPosterData Visualization

Color Details Color Details

#E3E291

Fresh Green · Khaki · Sunflower

HEX
#E3E291
RGB
rgb(227, 226, 145)
HSL
hsl(59, 59%, 73%)
HSB
hsb(59, 36%, 89%)
CMYK
cmyk(0%, 0%, 36%, 11%)
Oklch
oklch(89.5% 0.102 107.7)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#B3BD7C

Fresh Green · Tan · Sunflower

HEX
#B3BD7C
RGB
rgb(179, 189, 124)
HSL
hsl(69, 33%, 61%)
HSB
hsb(69, 34%, 74%)
CMYK
cmyk(5%, 0%, 34%, 26%)
Oklch
oklch(77.5% 0.087 115.6)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#821915

Vermilion · Maroon · Wine Red

HEX
#821915
RGB
rgb(130, 25, 21)
HSL
hsl(2, 72%, 30%)
HSB
hsb(2, 84%, 51%)
CMYK
cmyk(0%, 81%, 84%, 49%)
Oklch
oklch(39.7% 0.141 28.0)

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

#000000

Ink Black · Black · Jet Black

HEX
#000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
HSB
hsb(0, 0%, 0%)
CMYK
cmyk(0%, 0%, 0%, 100%)
Oklch
oklch(0.0% 0.000 0.0)

Traditional「Ink Black」· Paint「Jet Black」· Creative Midnight Shadow

#659C84

Mineral Blue · CadetBlue · Olive Green

HEX
#659C84
RGB
rgb(101, 156, 132)
HSL
hsl(154, 22%, 50%)
HSB
hsb(154, 35%, 61%)
CMYK
cmyk(35%, 0%, 15%, 39%)
Oklch
oklch(64.7% 0.069 165.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E3E291
9293E3

Analogous

E3B992
E3E291
BCE392

Triadic

E3E291
92E3E1
E192E3

Split-Comp.

E3E291
92BCE3
B992E3

Tetradic

E3E291
92E3B9
9293E3
E392BC

Contrast Matrix WCAG 2.1 Contrast

E3E291
B3BD7C
821915
000000
659C84
—
1.5
Fail
7.4
AAA
15.6
AAA
2.3
Fail
1.5
Fail
—
5.0
AA
10.5
AAA
1.6
Fail
7.4
AAA
5.0
AA
—
2.1
Fail
3.2
AA Large
15.6
AAA
10.5
AAA
2.1
Fail
—
6.6
AA
2.3
Fail
1.6
Fail
3.2
AA Large
6.6
AA
—
White BG
1.4Fail
2.0Fail
10.0AAA
21.0AAA
3.2AA Large
Black BG
15.6AAA
10.5AAA
2.1Fail
1.0Fail
6.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E3E3A5
B7B78C
555416
000000
7D7D8A

Deuteranopia

E3E3A9
B7B690
5B6316
000000
7A758B

Tritanopia

E3B4B7
B3989B
7D1717
000000
688E8F

Achromatopsia

D9D9D9
B3B3B3
383838
000000
898989

Shades & Tints Shades & Tints

#E3E291

Dark
Light

#B3BD7C

Dark
Light

#821915

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e3e291;
  --color-2: #b3bd7c;
  --color-3: #821915;
  --color-4: #000000;
  --color-5: #659c84;
}

SCSS

$color-1: #e3e291;
$color-2: #b3bd7c;
$color-3: #821915;
$color-4: #000000;
$color-5: #659c84;

TAILWIND

colors: {
  'brand-1': '#e3e291',
  'brand-2': '#b3bd7c',
  'brand-3': '#821915',
  'brand-4': '#000000',
  'brand-5': '#659c84',
}

RGB Array

[227, 226, 145], [179, 189, 124], [130, 25, 21], [0, 0, 0], [101, 156, 132]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #E3E291, #B3BD7C, #821915, #000000, #659C84 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: #e3e291; --color-2: #b3bd7c; --color-3: #821915; --color-4: #000000; --color-5: #659c84. 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 vintage-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