← Back to Editor

#BA3000 · #E2E0D4 · #B49D40 · #211A14

vintage

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

NostalgicClassicTimelessWarm

Industry INDUSTRY

CafePublishingCraft

UI Context UI CONTEXT

StorefrontDigital MenuPosterData Visualization

Color Details Color Details

#BA3000

Tangerine · FireBrick · Amber Brown

HEX
#BA3000
RGB
rgb(186, 48, 0)
HSL
hsl(15, 100%, 36%)
HSB
hsb(15, 100%, 73%)
CMYK
cmyk(0%, 74%, 100%, 27%)
Oklch
oklch(52.1% 0.181 35.5)

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

#E2E0D4

Fresh Green · LightGray · Lemon Cream

HEX
#E2E0D4
RGB
rgb(226, 224, 212)
HSL
hsl(51, 19%, 86%)
HSB
hsb(51, 6%, 89%)
CMYK
cmyk(0%, 1%, 6%, 11%)
Oklch
oklch(90.5% 0.016 99.0)

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

#B49D40

Ochre · GoldenRod · Honey Gold

HEX
#B49D40
RGB
rgb(180, 157, 64)
HSL
hsl(48, 48%, 48%)
HSB
hsb(48, 64%, 71%)
CMYK
cmyk(0%, 13%, 64%, 29%)
Oklch
oklch(69.8% 0.115 95.3)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#211A14

Tangerine · Black · Cinnamon

HEX
#211A14
RGB
rgb(33, 26, 20)
HSL
hsl(28, 25%, 10%)
HSB
hsb(28, 39%, 13%)
CMYK
cmyk(0%, 21%, 39%, 87%)
Oklch
oklch(22.4% 0.016 62.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BA3000
008AB8

Analogous

B8002E
BA3000
B88A00

Triadic

BA3000
00B82E
2E00B8

Split-Comp.

BA3000
00B88A
002EB8

Tetradic

BA3000
2EB800
008AB8
8A00B8

Contrast Matrix WCAG 2.1 Contrast

BA3000
E2E0D4
B49D40
211A14
—
4.5
AA
2.2
Fail
2.9
Fail
4.5
AA
—
2.0
Fail
13.0
AAA
2.2
Fail
2.0
Fail
—
6.4
AA
2.9
Fail
13.0
AAA
6.4
AA
—
White BG
6.0AA
1.3Fail
2.7Fail
17.2AAA
Black BG
3.5AA Large
15.8AAA
7.8AAA
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

7E7D0C
E1E1D7
AAAA57
1E1E15

Deuteranopia

86910E
E1E1D8
ABAD5C
1E1F16

Tritanopia

B31517
E2D9DA
B3686C
211717

Achromatopsia

545454
DFDFDF
999999
1B1B1B

Shades & Tints Shades & Tints

#BA3000

Dark
Light

#E2E0D4

Dark
Light

#B49D40

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ba3000;
  --color-2: #e2e0d4;
  --color-3: #b49d40;
  --color-4: #211a14;
}

SCSS

$color-1: #ba3000;
$color-2: #e2e0d4;
$color-3: #b49d40;
$color-4: #211a14;

TAILWIND

colors: {
  'brand-1': '#ba3000',
  'brand-2': '#e2e0d4',
  'brand-3': '#b49d40',
  'brand-4': '#211a14',
}

RGB Array

[186, 48, 0], [226, 224, 212], [180, 157, 64], [33, 26, 20]

FAQ FAQ

What scenarios is this 4-color palette suitable for?

This vintage-style palette of #BA3000, #E2E0D4, #B49D40, #211A14 is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 4-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #ba3000; --color-2: #e2e0d4; --color-3: #b49d40; --color-4: #211a14. 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 4-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