← Back to Editor

#6A898F · #E9C351 · #FBF9F4 · #F55854 · #030303

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 MenuPosterData Visualization

Color Details Color Details

#6A898F

Slate Blue · SlateGray · Mint Ice

HEX
#6A898F
RGB
rgb(106, 137, 143)
HSL
hsl(190, 15%, 49%)
HSB
hsb(190, 26%, 56%)
CMYK
cmyk(26%, 4%, 0%, 44%)
Oklch
oklch(60.9% 0.036 210.7)

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

#E9C351

Ginger · SandyBrown · Sunflower

HEX
#E9C351
RGB
rgb(233, 195, 81)
HSL
hsl(45, 78%, 62%)
HSB
hsb(45, 65%, 91%)
CMYK
cmyk(0%, 16%, 65%, 9%)
Oklch
oklch(82.9% 0.137 90.5)

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

#FBF9F4

Goose Yellow · Snow · Lemon Cream

HEX
#FBF9F4
RGB
rgb(251, 249, 244)
HSL
hsl(43, 47%, 97%)
HSB
hsb(43, 3%, 98%)
CMYK
cmyk(0%, 1%, 3%, 2%)
Oklch
oklch(98.2% 0.007 88.6)

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

#F55854

Peach Pink · Tomato · Coral Red

HEX
#F55854
RGB
rgb(245, 88, 84)
HSL
hsl(1, 89%, 65%)
HSB
hsb(1, 66%, 96%)
CMYK
cmyk(0%, 64%, 66%, 4%)
Oklch
oklch(67.0% 0.193 25.3)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#030303

Ink Black · Black · Jet Black

HEX
#030303
RGB
rgb(3, 3, 3)
HSL
hsl(0, 0%, 1%)
HSB
hsb(0, 0%, 1%)
CMYK
cmyk(0%, 0%, 0%, 99%)
Oklch
oklch(9.7% 0.000 89.9)

Traditional「Ink Black」· Paint「Jet Black」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6A898F
90706A

Analogous

6A9083
6A898F
6A7790

Triadic

6A898F
906A89
89906A

Split-Comp.

6A898F
906A77
90836A

Tetradic

6A898F
836A90
90706A
77906A

Contrast Matrix WCAG 2.1 Contrast

6A898F
E9C351
FBF9F4
F55854
030303
—
2.2
Fail
3.6
AA Large
1.1
Fail
5.5
AA
2.2
Fail
—
1.6
Fail
1.9
Fail
12.2
AAA
3.6
AA Large
1.6
Fail
—
3.1
AA Large
19.6
AAA
1.1
Fail
1.9
Fail
3.1
AA Large
—
6.3
AA
5.5
AA
12.2
AAA
19.6
AAA
6.3
AA
—
White BG
3.8AA Large
1.7Fail
1.1Fail
3.3AA Large
20.6AAA
Black BG
5.6AA
12.4AAA
20.0AAA
6.4AA
1.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

77788E
D9D86D
FAFAF5
B1B055
030303

Deuteranopia

76738D
DBDE73
FAFAF6
BAC655
030303

Tritanopia

6C8C8C
E78287
FBF6F6
ED5656
030303

Achromatopsia

808080
C1C1C1
F9F9F9
868686
030303

Shades & Tints Shades & Tints

#6A898F

Dark
Light

#E9C351

Dark
Light

#FBF9F4

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6a898f;
  --color-2: #e9c351;
  --color-3: #fbf9f4;
  --color-4: #f55854;
  --color-5: #030303;
}

SCSS

$color-1: #6a898f;
$color-2: #e9c351;
$color-3: #fbf9f4;
$color-4: #f55854;
$color-5: #030303;

TAILWIND

colors: {
  'brand-1': '#6a898f',
  'brand-2': '#e9c351',
  'brand-3': '#fbf9f4',
  'brand-4': '#f55854',
  'brand-5': '#030303',
}

RGB Array

[106, 137, 143], [233, 195, 81], [251, 249, 244], [245, 88, 84], [3, 3, 3]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #6A898F, #E9C351, #FBF9F4, #F55854, #030303 is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #6a898f; --color-2: #e9c351; --color-3: #fbf9f4; --color-4: #f55854; --color-5: #030303. 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 tech, SaaS, healthcare, eco industries. 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