#241B2B + #252647 + #253947 + #386661 + #17B6A7 · vintage - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

NostalgicClassicTimelessCool

Industry INDUSTRY

CafePublishingCraft

UI Context UI CONTEXT

StorefrontDigital MenuPoster

Color Details Color Details

#241B2B

Dark Plum · Black · Dark Purple

HEX

#241B2B

RGB

rgb(36, 27, 43)

HSL

hsl(274, 23%, 14%)

HSB

hsb(274, 37%, 17%)

CMYK

cmyk(16%, 37%, 0%, 83%)

Oklch

oklch(24.0% 0.032 309.7)

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

#252647

Indigo · DarkSlateGray · Prussian Blue

HEX

#252647

RGB

rgb(37, 38, 71)

HSL

hsl(238, 31%, 21%)

HSB

hsb(238, 48%, 28%)

CMYK

cmyk(48%, 46%, 0%, 72%)

Oklch

oklch(28.5% 0.060 280.6)

Traditional「Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#253947

Slate Blue · DarkSlateGray · Prussian Blue

HEX

#253947

RGB

rgb(37, 57, 71)

HSL

hsl(205, 31%, 21%)

HSB

hsb(205, 48%, 28%)

CMYK

cmyk(48%, 20%, 0%, 72%)

Oklch

oklch(33.4% 0.036 239.7)

Traditional「Slate Blue」· Paint「Prussian Blue」· Creative Blush Sunrise

#386661

Mineral Blue · DarkSlateGray · Mint Ice

HEX

#386661

RGB

rgb(56, 102, 97)

HSL

hsl(173, 29%, 31%)

HSB

hsb(173, 45%, 40%)

CMYK

cmyk(45%, 0%, 5%, 60%)

Oklch

oklch(47.6% 0.051 186.6)

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

#17B6A7

Mineral Blue · LightSeaGreen · Mint Ice

HEX

#17B6A7

RGB

rgb(23, 182, 167)

HSL

hsl(174, 78%, 40%)

HSB

hsb(174, 87%, 71%)

CMYK

cmyk(87%, 0%, 8%, 29%)

Oklch

oklch(69.9% 0.120 184.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

241B2B

232C1B

Analogous

1D1B2C

241B2B

2C1B2B

Triadic

241B2B

2C251B

1B2C25

Split-Comp.

241B2B

2B2C1B

1B2C1D

Tetradic

241B2B

2C1D1B

232C1B

1B2B2C

Contrast Matrix WCAG 2.1 Contrast

241B2B	252647	253947	386661	17B6A7
—	1.1 Fail	1.4 Fail	2.6 Fail	6.5 AA
1.1 Fail	—	1.2 Fail	2.2 Fail	5.7 AA
1.4 Fail	1.2 Fail	—	1.8 Fail	4.7 AA
2.6 Fail	2.2 Fail	1.8 Fail	—	2.6 Fail
6.5 AA	5.7 AA	4.7 AA	2.6 Fail	—

White BG

16.6AAA

14.5AAA

12.0AAA

6.5AA

2.5Fail

Black BG

1.3Fail

1.4Fail

1.8Fail

3.2AA Large

8.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

202027

25253F

2E2E44

4C4C62

5C5DAB

Deuteranopia

212126

25253D

2D2B43

494662

5347AC

Tritanopia

242423

253937

264140

3A6363

1FADAE

Achromatopsia

202020

292929

353535

585858

858585

Shades & Tints Shades & Tints

#241B2B

Dark

Light

#252647

Dark

Light

#253947

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #241b2b;
  --color-2: #252647;
  --color-3: #253947;
  --color-4: #386661;
  --color-5: #17b6a7;
}

SCSS

$color-1: #241b2b;
$color-2: #252647;
$color-3: #253947;
$color-4: #386661;
$color-5: #17b6a7;

TAILWIND

colors: {
  'brand-1': '#241b2b',
  'brand-2': '#252647',
  'brand-3': '#253947',
  'brand-4': '#386661',
  'brand-5': '#17b6a7',
}

RGB Array

[36, 27, 43], [37, 38, 71], [37, 57, 71], [56, 102, 97], [23, 182, 167]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #241B2B, #252647, #253947, #386661, #17B6A7 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: #241b2b; --color-2: #252647; --color-3: #253947; --color-4: #386661; --color-5: #17b6a7. 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