#B2183C + #892242 + #552B40 + #343038 + #04040C · vintage - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

NostalgicClassicTimelessWarmCool

Industry INDUSTRY

CafePublishingCraft

UI Context UI CONTEXT

StorefrontDigital MenuPoster

Color Details Color Details

#B2183C

Vermilion · FireBrick · Wine Red

HEX

#B2183C

RGB

rgb(178, 24, 60)

HSL

hsl(346, 76%, 40%)

HSB

hsb(346, 87%, 70%)

CMYK

cmyk(0%, 87%, 66%, 30%)

Oklch

oklch(49.4% 0.185 16.0)

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

#892242

Dark Violet · Brown · Camellia

HEX

#892242

RGB

rgb(137, 34, 66)

HSL

hsl(341, 60%, 34%)

HSB

hsb(341, 75%, 54%)

CMYK

cmyk(0%, 75%, 52%, 46%)

Oklch

oklch(42.7% 0.139 6.9)

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

#552B40

Dark Violet · DarkSlateGray · Raspberry

HEX

#552B40

RGB

rgb(85, 43, 64)

HSL

hsl(330, 33%, 25%)

HSB

hsb(330, 49%, 33%)

CMYK

cmyk(0%, 49%, 25%, 67%)

Oklch

oklch(35.2% 0.068 349.9)

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

#343038

Dark Plum · DarkSlateGray · Dark Stone

HEX

#343038

RGB

rgb(52, 48, 56)

HSL

hsl(270, 8%, 20%)

HSB

hsb(270, 14%, 22%)

CMYK

cmyk(7%, 14%, 0%, 78%)

Oklch

oklch(31.7% 0.015 307.9)

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

#04040C

Deep Indigo · Black · Deep Sea Blue

HEX

#04040C

RGB

rgb(4, 4, 12)

HSL

hsl(240, 50%, 3%)

HSB

hsb(240, 67%, 5%)

CMYK

cmyk(67%, 67%, 0%, 95%)

Oklch

oklch(11.3% 0.022 282.3)

Traditional「Deep Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B2183C

18B48F

Analogous

B4188A

B2183C

B44218

Triadic

B2183C

3DB418

183DB4

Split-Comp.

B2183C

18B442

188AB4

Tetradic

B2183C

8AB418

18B48F

4218B4

Contrast Matrix WCAG 2.1 Contrast

B2183C	892242	552B40	343038	04040C
—	1.3 Fail	1.7 Fail	1.9 Fail	3.0 AA Large
1.3 Fail	—	1.3 Fail	1.5 Fail	2.3 Fail
1.7 Fail	1.3 Fail	—	1.1 Fail	1.8 Fail
1.9 Fail	1.5 Fail	1.1 Fail	—	1.6 Fail
3.0 AA Large	2.3 Fail	1.8 Fail	1.6 Fail	—

White BG

6.8AA

8.9AAA

11.6AAA

12.9AAA

20.4AAA

Black BG

3.1AA Large

2.4Fail

1.8Fail

1.6Fail

1.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

6F6E33

5C5B3A

43423B

323236

04040A

Deuteranopia

788431

626A38

45483A

333336

04040A

Tritanopia

AA2C2B

843433

533736

343534

040908

Achromatopsia

4A4A4A

444444

3A3A3A

323232

050505

Shades & Tints Shades & Tints

#B2183C

Dark

Light

#892242

Dark

Light

#552B40

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b2183c;
  --color-2: #892242;
  --color-3: #552b40;
  --color-4: #343038;
  --color-5: #04040c;
}

SCSS

$color-1: #b2183c;
$color-2: #892242;
$color-3: #552b40;
$color-4: #343038;
$color-5: #04040c;

TAILWIND

colors: {
  'brand-1': '#b2183c',
  'brand-2': '#892242',
  'brand-3': '#552b40',
  'brand-4': '#343038',
  'brand-5': '#04040c',
}

RGB Array

[178, 24, 60], [137, 34, 66], [85, 43, 64], [52, 48, 56], [4, 4, 12]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #B2183C, #892242, #552B40, #343038, #04040C is ideal for: tech websites, dark mode UIs, game UIs. 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: #b2183c; --color-2: #892242; --color-3: #552b40; --color-4: #343038; --color-5: #04040c. 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. 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