← Back to Editor

#BE2126 · #3D2710 · #A89986 · #E0CBB2 · #EFE7D6

vintage

A 5-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

#BE2126

Vermilion · FireBrick · Passion Red

HEX
#BE2126
RGB
rgb(190, 33, 38)
HSL
hsl(358, 70%, 44%)
HSB
hsb(358, 83%, 75%)
CMYK
cmyk(0%, 83%, 80%, 25%)
Oklch
oklch(51.9% 0.191 25.9)

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

#3D2710

Ochre · Black · Cinnamon

HEX
#3D2710
RGB
rgb(61, 39, 16)
HSL
hsl(31, 58%, 15%)
HSB
hsb(31, 74%, 24%)
CMYK
cmyk(0%, 36%, 74%, 76%)
Oklch
oklch(29.4% 0.049 65.1)

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

#A89986

Ginger · DarkGray · Warm Sun

HEX
#A89986
RGB
rgb(168, 153, 134)
HSL
hsl(34, 16%, 59%)
HSB
hsb(34, 20%, 66%)
CMYK
cmyk(0%, 9%, 20%, 34%)
Oklch
oklch(69.1% 0.032 73.7)

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

#E0CBB2

Goose Yellow · Wheat · Peach Orange

HEX
#E0CBB2
RGB
rgb(224, 203, 178)
HSL
hsl(33, 43%, 79%)
HSB
hsb(33, 21%, 88%)
CMYK
cmyk(0%, 9%, 21%, 12%)
Oklch
oklch(85.3% 0.041 72.1)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#EFE7D6

Goose Yellow · Beige · Lemon Cream

HEX
#EFE7D6
RGB
rgb(239, 231, 214)
HSL
hsl(41, 44%, 89%)
HSB
hsb(41, 10%, 94%)
CMYK
cmyk(0%, 3%, 10%, 6%)
Oklch
oklch(93.0% 0.024 85.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BE2126
22BFBA

Analogous

BF2275
BE2126
BF6B22

Triadic

BE2126
27BF22
2227BF

Split-Comp.

BE2126
22BF6B
2275BF

Tetradic

BE2126
75BF22
22BFBA
6B22BF

Contrast Matrix WCAG 2.1 Contrast

BE2126
3D2710
A89986
E0CBB2
EFE7D6
—
2.3
Fail
2.2
Fail
3.9
AA Large
5.0
AA
2.3
Fail
—
5.1
AA
8.9
AAA
11.4
AAA
2.2
Fail
5.1
AA
—
1.8
Fail
2.3
Fail
3.9
AA Large
8.9
AAA
1.8
Fail
—
1.3
Fail
5.0
AA
11.4
AAA
2.3
Fail
1.3
Fail
—
White BG
6.1AA
14.0AAA
2.8Fail
1.6Fail
1.2Fail
Black BG
3.4AA Large
1.5Fail
7.6AAA
13.4AAA
17.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

7A7925
333316
A2A18B
D7D7B8
ECEBDA

Deuteranopia

838F25
353617
A2A48C
D8DABA
ECEDDB

Tritanopia

B62424
3C1A1B
A78E8F
DFBDBE
EFDDDE

Achromatopsia

515151
2B2B2B
9B9B9B
CECECE
E7E7E7

Shades & Tints Shades & Tints

#BE2126

Dark
Light

#3D2710

Dark
Light

#A89986

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #be2126;
  --color-2: #3d2710;
  --color-3: #a89986;
  --color-4: #e0cbb2;
  --color-5: #efe7d6;
}

SCSS

$color-1: #be2126;
$color-2: #3d2710;
$color-3: #a89986;
$color-4: #e0cbb2;
$color-5: #efe7d6;

TAILWIND

colors: {
  'brand-1': '#be2126',
  'brand-2': '#3d2710',
  'brand-3': '#a89986',
  'brand-4': '#e0cbb2',
  'brand-5': '#efe7d6',
}

RGB Array

[190, 33, 38], [61, 39, 16], [168, 153, 134], [224, 203, 178], [239, 231, 214]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #BE2126, #3D2710, #A89986, #E0CBB2, #EFE7D6 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: #be2126; --color-2: #3d2710; --color-3: #a89986; --color-4: #e0cbb2; --color-5: #efe7d6. 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