← Back to Editor

#61404C · #FFB19C · #DE8383 · #665757 · #FCBCB8

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

#61404C

Dark Violet · DimGray · Camellia

HEX
#61404C
RGB
rgb(97, 64, 76)
HSL
hsl(338, 20%, 32%)
HSB
hsb(338, 34%, 38%)
CMYK
cmyk(0%, 34%, 22%, 62%)
Oklch
oklch(41.3% 0.049 356.0)

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

#FFB19C

Peach Pink · LightPink · Cherry Blossom

HEX
#FFB19C
RGB
rgb(255, 177, 156)
HSL
hsl(13, 100%, 81%)
HSB
hsb(13, 39%, 100%)
CMYK
cmyk(0%, 31%, 39%, 0%)
Oklch
oklch(83.0% 0.097 35.7)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#DE8383

Peach Pink · LightCoral · Coral Red

HEX
#DE8383
RGB
rgb(222, 131, 131)
HSL
hsl(0, 58%, 69%)
HSB
hsb(0, 41%, 87%)
CMYK
cmyk(0%, 41%, 41%, 13%)
Oklch
oklch(70.7% 0.112 20.3)

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

#665757

Crimson · DimGray · Charcoal

HEX
#665757
RGB
rgb(102, 87, 87)
HSL
hsl(0, 8%, 37%)
HSB
hsb(0, 15%, 40%)
CMYK
cmyk(0%, 15%, 15%, 60%)
Oklch
oklch(47.2% 0.020 17.9)

Traditional「Crimson」· Paint「Charcoal」· Creative Midnight Shadow

#FCBCB8

Peach Pink · LightPink · Cherry Blossom

HEX
#FCBCB8
RGB
rgb(252, 188, 184)
HSL
hsl(4, 92%, 85%)
HSB
hsb(4, 27%, 99%)
CMYK
cmyk(0%, 25%, 27%, 1%)
Oklch
oklch(85.3% 0.075 22.8)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

61404C
416256

Analogous

62415E
61404C
624641

Triadic

61404C
4D6241
414D62

Split-Comp.

61404C
416246
415E62

Tetradic

61404C
5E6241
416256
464162

Contrast Matrix WCAG 2.1 Contrast

61404C
FFB19C
DE8383
665757
FCBCB8
—
5.1
AA
3.3
AA Large
1.3
Fail
5.6
AA
5.1
AA
—
1.6
Fail
3.9
AA Large
1.1
Fail
3.3
AA Large
1.6
Fail
—
2.5
Fail
1.7
Fail
1.3
Fail
3.9
AA Large
2.5
Fail
—
4.2
AA Large
5.6
AA
1.1
Fail
1.7
Fail
4.2
AA Large
—
White BG
9.0AAA
1.7Fail
2.7Fail
6.8AA
1.6Fail
Black BG
2.3Fail
12.0AAA
7.7AAA
3.1AA Large
13.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

535249
DDDDA1
B7B683
605F57
E0E0B9

Deuteranopia

555748
E2E8A2
BCC383
606157
E4E9B9

Tritanopia

5F4746
FBA5A6
D98383
655757
F9BABA

Achromatopsia

4B4B4B
C6C6C6
9E9E9E
5B5B5B
CFCFCF

Shades & Tints Shades & Tints

#61404C

Dark
Light

#FFB19C

Dark
Light

#DE8383

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #61404c;
  --color-2: #ffb19c;
  --color-3: #de8383;
  --color-4: #665757;
  --color-5: #fcbcb8;
}

SCSS

$color-1: #61404c;
$color-2: #ffb19c;
$color-3: #de8383;
$color-4: #665757;
$color-5: #fcbcb8;

TAILWIND

colors: {
  'brand-1': '#61404c',
  'brand-2': '#ffb19c',
  'brand-3': '#de8383',
  'brand-4': '#665757',
  'brand-5': '#fcbcb8',
}

RGB Array

[97, 64, 76], [255, 177, 156], [222, 131, 131], [102, 87, 87], [252, 188, 184]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #61404C, #FFB19C, #DE8383, #665757, #FCBCB8 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: #61404c; --color-2: #ffb19c; --color-3: #de8383; --color-4: #665757; --color-5: #fcbcb8. 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