← Back to Editor

#C01525 · #3399D9 · #429F53 · #EB6D34

vintage

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

#C01525

Vermilion · FireBrick · Passion Red

HEX
#C01525
RGB
rgb(192, 21, 37)
HSL
hsl(354, 80%, 42%)
HSB
hsb(354, 89%, 75%)
CMYK
cmyk(0%, 89%, 81%, 25%)
Oklch
oklch(51.6% 0.199 24.7)

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

#3399D9

Lake Blue · DodgerBlue · Navy Blue

HEX
#3399D9
RGB
rgb(51, 153, 217)
HSL
hsl(203, 69%, 53%)
HSB
hsb(203, 76%, 85%)
CMYK
cmyk(76%, 29%, 0%, 15%)
Oklch
oklch(65.4% 0.132 241.1)

Traditional「Lake Blue」· Paint「Navy Blue」· Creative Blush Sunrise

#429F53

Celadon · SeaGreen · Olive Green

HEX
#429F53
RGB
rgb(66, 159, 83)
HSL
hsl(131, 41%, 44%)
HSB
hsb(131, 58%, 62%)
CMYK
cmyk(58%, 0%, 48%, 38%)
Oklch
oklch(62.8% 0.142 147.3)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

#EB6D34

Tangerine · Tomato · Warm Sun

HEX
#EB6D34
RGB
rgb(235, 109, 52)
HSL
hsl(19, 82%, 56%)
HSB
hsb(19, 78%, 92%)
CMYK
cmyk(0%, 54%, 78%, 8%)
Oklch
oklch(67.8% 0.171 42.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C01525
15C1B0

Analogous

C1157C
C01525
C15A15

Triadic

C01525
27C115
1527C1

Split-Comp.

C01525
15C15A
157CC1

Tetradic

C01525
7CC115
15C1B0
5A15C1

Contrast Matrix WCAG 2.1 Contrast

C01525
3399D9
429F53
EB6D34
—
2.0
Fail
1.9
Fail
2.0
Fail
2.0
Fail
—
1.1
Fail
1.0
Fail
1.9
Fail
1.1
Fail
—
1.1
Fail
2.0
Fail
1.0
Fail
1.1
Fail
—
White BG
6.2AA
3.1AA Large
3.3AA Large
3.1AA Large
Black BG
3.4AA Large
6.7AA
6.3AA
6.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

767421
5F60CA
6A6B65
B4B342

Deuteranopia

808D20
5952C6
655E6A
BCC545

Tritanopia

B71E1D
38BDBB
477477
E54D4F

Achromatopsia

4A4A4A
828282
7B7B7B
8C8C8C

Shades & Tints Shades & Tints

#C01525

Dark
Light

#3399D9

Dark
Light

#429F53

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c01525;
  --color-2: #3399d9;
  --color-3: #429f53;
  --color-4: #eb6d34;
}

SCSS

$color-1: #c01525;
$color-2: #3399d9;
$color-3: #429f53;
$color-4: #eb6d34;

TAILWIND

colors: {
  'brand-1': '#c01525',
  'brand-2': '#3399d9',
  'brand-3': '#429f53',
  'brand-4': '#eb6d34',
}

RGB Array

[192, 21, 37], [51, 153, 217], [66, 159, 83], [235, 109, 52]

FAQ FAQ

What scenarios is this 4-color palette suitable for?

This vintage-style palette of #C01525, #3399D9, #429F53, #EB6D34 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 4-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #c01525; --color-2: #3399d9; --color-3: #429f53; --color-4: #eb6d34. 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 4-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