← Back to Editor

#6A4A3D · #CB333F · #EC6841 · #ECC850 · #099FB0

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 MenuPoster

Color Details Color Details

#6A4A3D

Tangerine · DarkOliveGreen · Amber Brown

HEX
#6A4A3D
RGB
rgb(106, 74, 61)
HSL
hsl(17, 27%, 33%)
HSB
hsb(17, 42%, 42%)
CMYK
cmyk(0%, 30%, 42%, 58%)
Oklch
oklch(44.1% 0.049 43.0)

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

#CB333F

Crimson · Crimson · Passion Red

HEX
#CB333F
RGB
rgb(203, 51, 63)
HSL
hsl(355, 60%, 50%)
HSB
hsb(355, 75%, 80%)
CMYK
cmyk(0%, 75%, 69%, 20%)
Oklch
oklch(55.9% 0.188 21.8)

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

#EC6841

Vermilion · Tomato · Passion Red

HEX
#EC6841
RGB
rgb(236, 104, 65)
HSL
hsl(14, 82%, 59%)
HSB
hsb(14, 72%, 93%)
CMYK
cmyk(0%, 56%, 72%, 7%)
Oklch
oklch(67.4% 0.172 37.1)

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

#ECC850

Ginger · SandyBrown · Sunflower

HEX
#ECC850
RGB
rgb(236, 200, 80)
HSL
hsl(46, 80%, 62%)
HSB
hsb(46, 66%, 93%)
CMYK
cmyk(0%, 15%, 66%, 7%)
Oklch
oklch(84.2% 0.142 92.3)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#099FB0

Lake Blue · LightSeaGreen · Mint Ice

HEX
#099FB0
RGB
rgb(9, 159, 176)
HSL
hsl(186, 90%, 36%)
HSB
hsb(186, 95%, 69%)
CMYK
cmyk(95%, 10%, 0%, 31%)
Oklch
oklch(64.3% 0.109 208.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6A4A3D
3D5E6B

Analogous

6B3D47
6A4A3D
6B613D

Triadic

6A4A3D
3D6B4A
4A3D6B

Split-Comp.

6A4A3D
3D6B61
3D476B

Tetradic

6A4A3D
476B3D
3D5E6B
613D6B

Contrast Matrix WCAG 2.1 Contrast

6A4A3D
CB333F
EC6841
ECC850
099FB0
—
1.5
Fail
2.5
Fail
4.9
AA
2.5
Fail
1.5
Fail
—
1.6
Fail
3.2
AA Large
1.6
Fail
2.5
Fail
1.6
Fail
—
2.0
Fail
1.0
Fail
4.9
AA
3.2
AA Large
2.0
Fail
—
2.0
Fail
2.5
Fail
1.6
Fail
1.0
Fail
2.0
Fail
—
White BG
7.9AAA
5.1AA
3.2AA Large
1.6Fail
3.2AA Large
Black BG
2.7Fail
4.1AA Large
6.6AA
12.9AAA
6.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

5C5C40
89883C
B3B24A
DCDC6D
4A4BAC

Deuteranopia

5E6041
929D3B
BBC44D
DFE174
4136AB

Tritanopia

684343
C33A39
E55254
EA8489
11A9A8

Achromatopsia

525252
626262
8B8B8B
C5C5C5
747474

Shades & Tints Shades & Tints

#6A4A3D

Dark
Light

#CB333F

Dark
Light

#EC6841

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6a4a3d;
  --color-2: #cb333f;
  --color-3: #ec6841;
  --color-4: #ecc850;
  --color-5: #099fb0;
}

SCSS

$color-1: #6a4a3d;
$color-2: #cb333f;
$color-3: #ec6841;
$color-4: #ecc850;
$color-5: #099fb0;

TAILWIND

colors: {
  'brand-1': '#6a4a3d',
  'brand-2': '#cb333f',
  'brand-3': '#ec6841',
  'brand-4': '#ecc850',
  'brand-5': '#099fb0',
}

RGB Array

[106, 74, 61], [203, 51, 63], [236, 104, 65], [236, 200, 80], [9, 159, 176]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #6A4A3D, #CB333F, #EC6841, #ECC850, #099FB0 is ideal for: social media posters, mobile apps, e-commerce promos. Vivid colors effectively attract user attention. 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: #6a4a3d; --color-2: #cb333f; --color-3: #ec6841; --color-4: #ecc850; --color-5: #099fb0. 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. 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