← Back to Editor

#613437 · #DB4034 · #F7941E · #DCC33E · #FFE17F

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

#613437

Crimson · DarkOliveGreen · Wine Red

HEX
#613437
RGB
rgb(97, 52, 55)
HSL
hsl(356, 30%, 29%)
HSB
hsb(356, 46%, 38%)
CMYK
cmyk(0%, 46%, 43%, 62%)
Oklch
oklch(38.3% 0.065 16.3)

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

#DB4034

Vermilion · Crimson · Passion Red

HEX
#DB4034
RGB
rgb(219, 64, 52)
HSL
hsl(4, 70%, 53%)
HSB
hsb(4, 76%, 86%)
CMYK
cmyk(0%, 71%, 76%, 14%)
Oklch
oklch(59.7% 0.194 28.7)

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

#F7941E

Ginger · GoldenRod · Warm Sun

HEX
#F7941E
RGB
rgb(247, 148, 30)
HSL
hsl(33, 93%, 54%)
HSB
hsb(33, 88%, 97%)
CMYK
cmyk(0%, 40%, 88%, 3%)
Oklch
oklch(75.4% 0.165 62.7)

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

#DCC33E

Autumn Sage · GoldenRod · Sunflower

HEX
#DCC33E
RGB
rgb(220, 195, 62)
HSL
hsl(51, 69%, 55%)
HSB
hsb(51, 72%, 86%)
CMYK
cmyk(0%, 11%, 72%, 14%)
Oklch
oklch(81.6% 0.148 98.2)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#FFE17F

Goose Yellow · Khaki · Sunflower

HEX
#FFE17F
RGB
rgb(255, 225, 127)
HSL
hsl(46, 100%, 75%)
HSB
hsb(46, 50%, 100%)
CMYK
cmyk(0%, 12%, 50%, 0%)
Oklch
oklch(91.5% 0.122 92.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

613437
34605D

Analogous

60344D
613437
604734

Triadic

613437
376034
343760

Split-Comp.

613437
346047
344D60

Tetradic

613437
4D6034
34605D
473460

Contrast Matrix WCAG 2.1 Contrast

613437
DB4034
F7941E
DCC33E
FFE17F
—
2.3
Fail
4.5
AA Large
5.8
AA
7.9
AAA
2.3
Fail
—
1.9
Fail
2.5
Fail
3.4
AA Large
4.5
AA Large
1.9
Fail
—
1.3
Fail
1.8
Fail
5.8
AA
2.5
Fail
1.3
Fail
—
1.4
Fail
7.9
AAA
3.4
AA Large
1.8
Fail
1.4
Fail
—
White BG
10.2AAA
4.4AA Large
2.3Fail
1.8Fail
1.3Fail
Black BG
2.1Fail
4.8AA
9.2AAA
11.9AAA
16.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

4E4D36
989637
CCCB3B
D1D15E
F2F297

Deuteranopia

505336
A1AC38
D2D941
D3D566
F4F69C

Tritanopia

5F3636
D3393A
F25156
DB787D
FEA9AE

Achromatopsia

424242
6D6D6D
A4A4A4
BBBBBB
DFDFDF

Shades & Tints Shades & Tints

#613437

Dark
Light

#DB4034

Dark
Light

#F7941E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #613437;
  --color-2: #db4034;
  --color-3: #f7941e;
  --color-4: #dcc33e;
  --color-5: #ffe17f;
}

SCSS

$color-1: #613437;
$color-2: #db4034;
$color-3: #f7941e;
$color-4: #dcc33e;
$color-5: #ffe17f;

TAILWIND

colors: {
  'brand-1': '#613437',
  'brand-2': '#db4034',
  'brand-3': '#f7941e',
  'brand-4': '#dcc33e',
  'brand-5': '#ffe17f',
}

RGB Array

[97, 52, 55], [219, 64, 52], [247, 148, 30], [220, 195, 62], [255, 225, 127]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #613437, #DB4034, #F7941E, #DCC33E, #FFE17F is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #613437; --color-2: #db4034; --color-3: #f7941e; --color-4: #dcc33e; --color-5: #ffe17f. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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