#C91E5A + #241335 + #B72E64 + #916576 + #62A6B1 · vintage - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

NostalgicClassicTimelessWarmCool

Industry INDUSTRY

CafePublishingCraft

UI Context UI CONTEXT

StorefrontDigital MenuPoster

Color Details Color Details

#C91E5A

Dark Violet · Crimson · Camellia

HEX

#C91E5A

RGB

rgb(201, 30, 90)

HSL

hsl(339, 74%, 45%)

HSB

hsb(339, 85%, 79%)

CMYK

cmyk(0%, 85%, 55%, 21%)

Oklch

oklch(54.7% 0.203 7.9)

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

#241335

Dark Plum · MidnightBlue · Dark Purple

HEX

#241335

RGB

rgb(36, 19, 53)

HSL

hsl(270, 47%, 14%)

HSB

hsb(270, 64%, 21%)

CMYK

cmyk(32%, 64%, 0%, 79%)

Oklch

oklch(22.9% 0.066 304.9)

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

#B72E64

Dark Violet · MediumVioletRed · Camellia

HEX

#B72E64

RGB

rgb(183, 46, 100)

HSL

hsl(336, 60%, 45%)

HSB

hsb(336, 75%, 72%)

CMYK

cmyk(0%, 75%, 45%, 28%)

Oklch

oklch(52.9% 0.177 1.7)

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

#916576

Dark Violet · Gray · Camellia

HEX

#916576

RGB

rgb(145, 101, 118)

HSL

hsl(337, 18%, 48%)

HSB

hsb(337, 30%, 57%)

CMYK

cmyk(0%, 30%, 19%, 43%)

Oklch

oklch(55.8% 0.061 354.4)

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

#62A6B1

Slate Blue · CadetBlue · Lake Green

HEX

#62A6B1

RGB

rgb(98, 166, 177)

HSL

hsl(188, 34%, 54%)

HSB

hsb(188, 45%, 69%)

CMYK

cmyk(45%, 6%, 0%, 31%)

Oklch

oklch(68.4% 0.071 208.9)

Traditional「Slate Blue」· Paint「Lake Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C91E5A

1EC88C

Analogous

C81EAE

C91E5A

C8371E

Triadic

C91E5A

59C81E

1E59C8

Split-Comp.

C91E5A

1EC837

1EAEC8

Tetradic

C91E5A

AEC81E

1EC88C

371EC8

Contrast Matrix WCAG 2.1 Contrast

C91E5A	241335	B72E64	916576	62A6B1
—	3.1 AA Large	1.1 Fail	1.1 Fail	2.0 Fail
3.1 AA Large	—	2.9 Fail	3.5 AA Large	6.2 AA
1.1 Fail	2.9 Fail	—	1.2 Fail	2.1 Fail
1.1 Fail	3.5 AA Large	1.2 Fail	—	1.8 Fail
2.0 Fail	6.2 AA	2.1 Fail	1.8 Fail	—

White BG

5.5AA

17.2AAA

5.9AA

4.9AA

2.8Fail

Black BG

3.8AA Large

1.2Fail

3.6AA Large

4.3AA Large

7.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

7F7D4B

1D1C2D

7C7A57

7E7E72

7F80AE

Deuteranopia

899648

1E1F2B

848E54

818471

7C76AE

Tritanopia

C0403E

232625

B04D4A

8F6F6E

65ACAC

Achromatopsia

585858

1C1C1C

5D5D5D

747474

939393

Shades & Tints Shades & Tints

#C91E5A

Dark

Light

#241335

Dark

Light

#B72E64

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c91e5a;
  --color-2: #241335;
  --color-3: #b72e64;
  --color-4: #916576;
  --color-5: #62a6b1;
}

SCSS

$color-1: #c91e5a;
$color-2: #241335;
$color-3: #b72e64;
$color-4: #916576;
$color-5: #62a6b1;

TAILWIND

colors: {
  'brand-1': '#c91e5a',
  'brand-2': '#241335',
  'brand-3': '#b72e64',
  'brand-4': '#916576',
  'brand-5': '#62a6b1',
}

RGB Array

[201, 30, 90], [36, 19, 53], [183, 46, 100], [145, 101, 118], [98, 166, 177]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #C91E5A, #241335, #B72E64, #916576, #62A6B1 is ideal for: corporate websites, product showcases, portfolios. 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: #c91e5a; --color-2: #241335; --color-3: #b72e64; --color-4: #916576; --color-5: #62a6b1. 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. 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