← Back to Editor

#09020A · #FA6B11 · #E64753 · #BD00D7 · #602F66

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

#09020A

Royal Purple · Black · Dark Purple

HEX
#09020A
RGB
rgb(9, 2, 10)
HSL
hsl(293, 67%, 2%)
HSB
hsb(293, 80%, 4%)
CMYK
cmyk(10%, 80%, 0%, 96%)
Oklch
oklch(11.1% 0.031 324.0)

Traditional「Royal Purple」· Paint「Dark Purple」· Creative Blush Sunrise

#FA6B11

Tangerine · OrangeRed · Warm Sun

HEX
#FA6B11
RGB
rgb(250, 107, 17)
HSL
hsl(23, 96%, 52%)
HSB
hsb(23, 93%, 98%)
CMYK
cmyk(0%, 57%, 93%, 2%)
Oklch
oklch(69.5% 0.194 44.9)

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

#E64753

Vermilion · Tomato · Passion Red

HEX
#E64753
RGB
rgb(230, 71, 83)
HSL
hsl(355, 76%, 59%)
HSB
hsb(355, 69%, 90%)
CMYK
cmyk(0%, 69%, 64%, 10%)
Oklch
oklch(62.7% 0.195 20.7)

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

#BD00D7

Royal Purple · DarkViolet · Violet

HEX
#BD00D7
RGB
rgb(189, 0, 215)
HSL
hsl(293, 100%, 42%)
HSB
hsb(293, 100%, 84%)
CMYK
cmyk(12%, 100%, 0%, 16%)
Oklch
oklch(57.7% 0.275 321.5)

Traditional「Royal Purple」· Paint「Violet」· Creative Blush Sunrise

#602F66

Dark Plum · DarkSlateBlue · Eggplant

HEX
#602F66
RGB
rgb(96, 47, 102)
HSL
hsl(293, 37%, 29%)
HSB
hsb(293, 54%, 40%)
CMYK
cmyk(6%, 54%, 0%, 60%)
Oklch
oklch(39.3% 0.106 323.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

09020A
020902

Analogous

040209
09020A
090206

Triadic

09020A
090802
020908

Split-Comp.

09020A
060902
020904

Tetradic

09020A
090402
020902
020609

Contrast Matrix WCAG 2.1 Contrast

09020A
FA6B11
E64753
BD00D7
602F66
—
7.0
AAA
5.3
AA
4.0
AA Large
2.0
Fail
7.0
AAA
—
1.3
Fail
1.7
Fail
3.4
AA Large
5.3
AA
1.3
Fail
—
1.3
Fail
2.6
Fail
4.0
AA Large
1.7
Fail
1.3
Fail
—
2.0
Fail
2.0
Fail
3.4
AA Large
2.6
Fail
2.0
Fail
—
White BG
20.5AAA
2.9Fail
3.9AA Large
5.1AA
10.0AAA
Black BG
1.0Fail
7.2AAA
5.4AA
4.1AA Large
2.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

060608
BCBB27
A1A050
6B69A3
4B4A59

Deuteranopia

060708
C4CF2C
AAB64F
768497
4E5155

Tritanopia

090706
F3383C
DE4E4D
B47A71
5E4E4C

Achromatopsia

050505
8B8B8B
787878
515151
444444

Shades & Tints Shades & Tints

#09020A

Dark
Light

#FA6B11

Dark
Light

#E64753

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #09020a;
  --color-2: #fa6b11;
  --color-3: #e64753;
  --color-4: #bd00d7;
  --color-5: #602f66;
}

SCSS

$color-1: #09020a;
$color-2: #fa6b11;
$color-3: #e64753;
$color-4: #bd00d7;
$color-5: #602f66;

TAILWIND

colors: {
  'brand-1': '#09020a',
  'brand-2': '#fa6b11',
  'brand-3': '#e64753',
  'brand-4': '#bd00d7',
  'brand-5': '#602f66',
}

RGB Array

[9, 2, 10], [250, 107, 17], [230, 71, 83], [189, 0, 215], [96, 47, 102]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #09020A, #FA6B11, #E64753, #BD00D7, #602F66 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, 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: #09020a; --color-2: #fa6b11; --color-3: #e64753; --color-4: #bd00d7; --color-5: #602f66. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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