← Back to Editor

#433A49 · #DFD7AF · #E4F23F · #EC3C3C · #D60D57

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

#433A49

Dark Plum · DarkSlateGray · Eggplant

HEX
#433A49
RGB
rgb(67, 58, 73)
HSL
hsl(276, 11%, 26%)
HSB
hsb(276, 21%, 29%)
CMYK
cmyk(8%, 21%, 0%, 71%)
Oklch
oklch(36.4% 0.028 311.8)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

#DFD7AF

Fresh Green · Wheat · Lemon Cream

HEX
#DFD7AF
RGB
rgb(223, 215, 175)
HSL
hsl(50, 43%, 78%)
HSB
hsb(50, 22%, 87%)
CMYK
cmyk(0%, 4%, 22%, 13%)
Oklch
oklch(87.5% 0.054 98.0)

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

#E4F23F

Autumn Sage · GreenYellow · Sunflower

HEX
#E4F23F
RGB
rgb(228, 242, 63)
HSL
hsl(65, 87%, 60%)
HSB
hsb(65, 74%, 95%)
CMYK
cmyk(6%, 0%, 74%, 5%)
Oklch
oklch(92.1% 0.189 114.1)

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

#EC3C3C

Vermilion · Crimson · Passion Red

HEX
#EC3C3C
RGB
rgb(236, 60, 60)
HSL
hsl(0, 82%, 58%)
HSB
hsb(0, 75%, 93%)
CMYK
cmyk(0%, 75%, 75%, 7%)
Oklch
oklch(62.4% 0.212 25.9)

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

#D60D57

Dark Violet · Crimson · Camellia

HEX
#D60D57
RGB
rgb(214, 13, 87)
HSL
hsl(338, 89%, 45%)
HSB
hsb(338, 94%, 84%)
CMYK
cmyk(0%, 94%, 59%, 16%)
Oklch
oklch(56.3% 0.221 10.0)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

433A49
414A3B

Analogous

3C3B4A
433A49
4A3B48

Triadic

433A49
4A443B
3B4A44

Split-Comp.

433A49
484A3B
3B4A3C

Tetradic

433A49
4A3C3B
414A3B
3B484A

Contrast Matrix WCAG 2.1 Contrast

433A49
DFD7AF
E4F23F
EC3C3C
D60D57
—
7.5
AAA
8.8
AAA
2.7
Fail
2.1
Fail
7.5
AAA
—
1.2
Fail
2.7
Fail
3.6
AA Large
8.8
AAA
1.2
Fail
—
3.2
AA Large
4.2
AA Large
2.7
Fail
2.7
Fail
3.2
AA Large
—
1.3
Fail
2.1
Fail
3.6
AA Large
4.2
AA Large
1.3
Fail
—
White BG
10.8AAA
1.5Fail
1.2Fail
4.0AA Large
5.2AA
Black BG
1.9Fail
14.5AAA
17.1AAA
5.3AA
4.1AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

3F3F45
DCDBB9
EAEA6A
A09E3C
7F7D45

Deuteranopia

404045
DCDDBB
E9E875
AAB73C
8B9A41

Tritanopia

434342
DFC0C2
E58D94
E33C3C
CC3734

Achromatopsia

3E3E3E
D5D5D5
D9D9D9
717171
525252

Shades & Tints Shades & Tints

#433A49

Dark
Light

#DFD7AF

Dark
Light

#E4F23F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #433a49;
  --color-2: #dfd7af;
  --color-3: #e4f23f;
  --color-4: #ec3c3c;
  --color-5: #d60d57;
}

SCSS

$color-1: #433a49;
$color-2: #dfd7af;
$color-3: #e4f23f;
$color-4: #ec3c3c;
$color-5: #d60d57;

TAILWIND

colors: {
  'brand-1': '#433a49',
  'brand-2': '#dfd7af',
  'brand-3': '#e4f23f',
  'brand-4': '#ec3c3c',
  'brand-5': '#d60d57',
}

RGB Array

[67, 58, 73], [223, 215, 175], [228, 242, 63], [236, 60, 60], [214, 13, 87]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #433A49, #DFD7AF, #E4F23F, #EC3C3C, #D60D57 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: #433a49; --color-2: #dfd7af; --color-3: #e4f23f; --color-4: #ec3c3c; --color-5: #d60d57. 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