← Back to Editor

#413C39 · #E6EEF1 · #92CAE3 · #393840 · #E13C42

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

#413C39

Dark Cyan · DarkSlateGray · Dark Stone

HEX
#413C39
RGB
rgb(65, 60, 57)
HSL
hsl(22, 7%, 24%)
HSB
hsb(22, 12%, 25%)
CMYK
cmyk(0%, 8%, 12%, 75%)
Oklch
oklch(36.0% 0.009 53.2)

Traditional「Dark Cyan」· Paint「Dark Stone」· Creative Midnight Shadow

#E6EEF1

Sky Blue · Lavender · Glacier Blue

HEX
#E6EEF1
RGB
rgb(230, 238, 241)
HSL
hsl(196, 28%, 92%)
HSB
hsb(196, 5%, 95%)
CMYK
cmyk(5%, 1%, 0%, 5%)
Oklch
oklch(94.4% 0.009 222.1)

Traditional「Sky Blue」· Paint「Glacier Blue」· Creative Arctic Pool

#92CAE3

Sky Blue · SkyBlue · Lake Green

HEX
#92CAE3
RGB
rgb(146, 202, 227)
HSL
hsl(199, 59%, 73%)
HSB
hsb(199, 36%, 89%)
CMYK
cmyk(36%, 11%, 0%, 11%)
Oklch
oklch(80.9% 0.068 227.4)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#393840

Dark Cyan · DarkSlateGray · Dark Stone

HEX
#393840
RGB
rgb(57, 56, 64)
HSL
hsl(248, 7%, 24%)
HSB
hsb(248, 13%, 25%)
CMYK
cmyk(11%, 13%, 0%, 75%)
Oklch
oklch(34.5% 0.014 291.4)

Traditional「Dark Cyan」· Paint「Dark Stone」· Creative Midnight Shadow

#E13C42

Vermilion · Crimson · Passion Red

HEX
#E13C42
RGB
rgb(225, 60, 66)
HSL
hsl(358, 73%, 56%)
HSB
hsb(358, 73%, 88%)
CMYK
cmyk(0%, 73%, 71%, 12%)
Oklch
oklch(60.6% 0.201 23.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

413C39
393E41

Analogous

41393A
413C39
414039

Triadic

413C39
39413C
3C3941

Split-Comp.

413C39
394140
393A41

Tetradic

413C39
3A4139
393E41
403941

Contrast Matrix WCAG 2.1 Contrast

413C39
E6EEF1
92CAE3
393840
E13C42
—
9.3
AAA
6.1
AA
1.1
Fail
2.6
Fail
9.3
AAA
—
1.5
Fail
9.8
AAA
3.6
AA Large
6.1
AA
1.5
Fail
—
6.5
AA
2.4
Fail
1.1
Fail
9.8
AAA
6.5
AA
—
2.7
Fail
2.6
Fail
3.6
AA Large
2.4
Fail
2.7
Fail
—
White BG
10.9AAA
1.2Fail
1.8Fail
11.6AAA
4.3AA Large
Black BG
1.9Fail
17.9AAA
11.8AAA
1.8Fail
4.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

3F3F3A
E9EAF0
AAABDD
39393E
9A9841

Deuteranopia

3F403A
E9E8F0
A7A3DB
39393E
A3B040

Tritanopia

413A3A
E6F0F0
95D8D7
393D3C
D93F3F

Achromatopsia

3D3D3D
ECECEC
BCBCBC
393939
6E6E6E

Shades & Tints Shades & Tints

#413C39

Dark
Light

#E6EEF1

Dark
Light

#92CAE3

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #413c39;
  --color-2: #e6eef1;
  --color-3: #92cae3;
  --color-4: #393840;
  --color-5: #e13c42;
}

SCSS

$color-1: #413c39;
$color-2: #e6eef1;
$color-3: #92cae3;
$color-4: #393840;
$color-5: #e13c42;

TAILWIND

colors: {
  'brand-1': '#413c39',
  'brand-2': '#e6eef1',
  'brand-3': '#92cae3',
  'brand-4': '#393840',
  'brand-5': '#e13c42',
}

RGB Array

[65, 60, 57], [230, 238, 241], [146, 202, 227], [57, 56, 64], [225, 60, 66]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #413C39, #E6EEF1, #92CAE3, #393840, #E13C42 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: #413c39; --color-2: #e6eef1; --color-3: #92cae3; --color-4: #393840; --color-5: #e13c42. 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