← Back to Editor

#B9340B · #CEA45C · #C5BE8B · #498379 · #3F261C

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

#B9340B

Vermilion · FireBrick · Wine Red

HEX
#B9340B
RGB
rgb(185, 52, 11)
HSL
hsl(14, 89%, 38%)
HSB
hsb(14, 94%, 73%)
CMYK
cmyk(0%, 72%, 94%, 27%)
Oklch
oklch(52.4% 0.176 35.4)

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

#CEA45C

Ginger · SandyBrown · Warm Sun

HEX
#CEA45C
RGB
rgb(206, 164, 92)
HSL
hsl(38, 54%, 58%)
HSB
hsb(38, 55%, 81%)
CMYK
cmyk(0%, 20%, 55%, 19%)
Oklch
oklch(74.2% 0.103 79.6)

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

#C5BE8B

Fresh Green · Tan · Sunflower

HEX
#C5BE8B
RGB
rgb(197, 190, 139)
HSL
hsl(53, 33%, 66%)
HSB
hsb(53, 29%, 77%)
CMYK
cmyk(0%, 4%, 29%, 23%)
Oklch
oklch(79.5% 0.068 101.2)

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

#498379

Mineral Blue · SeaGreen · Mint Ice

HEX
#498379
RGB
rgb(73, 131, 121)
HSL
hsl(170, 28%, 40%)
HSB
hsb(170, 44%, 51%)
CMYK
cmyk(44%, 0%, 8%, 49%)
Oklch
oklch(56.7% 0.063 181.6)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#3F261C

Tangerine · DarkSlateGray · Cinnamon

HEX
#3F261C
RGB
rgb(63, 38, 28)
HSL
hsl(17, 38%, 18%)
HSB
hsb(17, 56%, 25%)
CMYK
cmyk(0%, 40%, 56%, 75%)
Oklch
oklch(29.7% 0.042 42.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B9340B
0B8FB7

Analogous

B70B39
B9340B
B7890B

Triadic

B9340B
0BB733
330BB7

Split-Comp.

B9340B
0BB789
0B39B7

Tetradic

B9340B
39B70B
0B8FB7
890BB7

Contrast Matrix WCAG 2.1 Contrast

B9340B
CEA45C
C5BE8B
498379
3F261C
—
2.6
Fail
3.1
AA Large
1.4
Fail
2.4
Fail
2.6
Fail
—
1.2
Fail
1.9
Fail
6.0
AA
3.1
AA Large
1.2
Fail
—
2.3
Fail
7.4
AAA
1.4
Fail
1.9
Fail
2.3
Fail
—
3.2
AA Large
2.4
Fail
6.0
AA
7.4
AAA
3.2
AA Large
—
White BG
5.9AA
2.3Fail
1.9Fail
4.4AA Large
14.0AAA
Black BG
3.6AA Large
9.1AAA
11.1AAA
4.8AA
1.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

7F7E15
BCBB6D
C2C297
62637B
34341E

Deuteranopia

879117
BEC172
C2C39A
5F5A7C
36371F

Tritanopia

B21D1E
CC7B7E
C5A1A3
4C7D7E
3E2021

Achromatopsia

575757
A8A8A8
BABABA
717171
2C2C2C

Shades & Tints Shades & Tints

#B9340B

Dark
Light

#CEA45C

Dark
Light

#C5BE8B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b9340b;
  --color-2: #cea45c;
  --color-3: #c5be8b;
  --color-4: #498379;
  --color-5: #3f261c;
}

SCSS

$color-1: #b9340b;
$color-2: #cea45c;
$color-3: #c5be8b;
$color-4: #498379;
$color-5: #3f261c;

TAILWIND

colors: {
  'brand-1': '#b9340b',
  'brand-2': '#cea45c',
  'brand-3': '#c5be8b',
  'brand-4': '#498379',
  'brand-5': '#3f261c',
}

RGB Array

[185, 52, 11], [206, 164, 92], [197, 190, 139], [73, 131, 121], [63, 38, 28]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #B9340B, #CEA45C, #C5BE8B, #498379, #3F261C 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: #b9340b; --color-2: #cea45c; --color-3: #c5be8b; --color-4: #498379; --color-5: #3f261c. 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