← Back to Editor

#2E1725 · #3D2031 · #464152 · #64696E · #C4AB87

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

ProfoundPremiumWarmCool

Industry INDUSTRY

FinanceLuxury

UI Context UI CONTEXT

Dark ThemeCorporateData Visualization

Color Details Color Details

#2E1725

Rose Purple · Black · Raspberry

HEX
#2E1725
RGB
rgb(46, 23, 37)
HSL
hsl(323, 33%, 14%)
HSB
hsb(323, 50%, 18%)
CMYK
cmyk(0%, 50%, 20%, 82%)
Oklch
oklch(24.2% 0.043 343.5)

Traditional「Rose Purple」· Paint「Raspberry」· Creative Blush Sunrise

#3D2031

Rose Purple · DarkSlateGray · Raspberry

HEX
#3D2031
RGB
rgb(61, 32, 49)
HSL
hsl(325, 31%, 18%)
HSB
hsb(325, 48%, 24%)
CMYK
cmyk(0%, 48%, 20%, 76%)
Oklch
oklch(28.9% 0.052 344.7)

Traditional「Rose Purple」· Paint「Raspberry」· Creative Blush Sunrise

#464152

Deep Indigo · DarkSlateGray · Prussian Blue

HEX
#464152
RGB
rgb(70, 65, 82)
HSL
hsl(258, 12%, 29%)
HSB
hsb(258, 21%, 32%)
CMYK
cmyk(15%, 21%, 0%, 68%)
Oklch
oklch(38.7% 0.029 298.5)

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

#64696E

Ink Gray · DimGray · Warm Gray

HEX
#64696E
RGB
rgb(100, 105, 110)
HSL
hsl(210, 5%, 41%)
HSB
hsb(210, 9%, 43%)
CMYK
cmyk(9%, 5%, 0%, 57%)
Oklch
oklch(51.8% 0.010 248.0)

Traditional「Ink Gray」· Paint「Warm Gray」· Creative Urban Concrete

#C4AB87

Ginger · Tan · Warm Sun

HEX
#C4AB87
RGB
rgb(196, 171, 135)
HSL
hsl(35, 34%, 65%)
HSB
hsb(35, 31%, 77%)
CMYK
cmyk(0%, 13%, 31%, 23%)
Oklch
oklch(75.4% 0.057 76.7)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2E1725
182F21

Analogous

2D182F
2E1725
2F181B

Triadic

2E1725
262F18
18262F

Split-Comp.

2E1725
1B2F18
182F2D

Tetradic

2E1725
2F2D18
182F21
181B2F

Contrast Matrix WCAG 2.1 Contrast

2E1725
3D2031
464152
64696E
C4AB87
—
1.1
Fail
1.7
Fail
3.0
Fail
7.5
AAA
1.1
Fail
—
1.5
Fail
2.6
Fail
6.6
AA
1.7
Fail
1.5
Fail
—
1.8
Fail
4.5
AA Large
3.0
Fail
2.6
Fail
1.8
Fail
—
2.5
Fail
7.5
AAA
6.6
AA
4.5
AA Large
2.5
Fail
—
White BG
16.6AAA
14.5AAA
9.8AAA
5.5AA
2.2Fail
Black BG
1.3Fail
1.4Fail
2.1Fail
3.8AA Large
9.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

242422
30302D
44444E
66666D
B9B990

Deuteranopia

252721
32342C
44454D
66666D
BBBD92

Tritanopia

2D1F1E
3C2A29
464B4A
646C6C
C39798

Achromatopsia

1F1F1F
2B2B2B
444444
686868
AEAEAE

Shades & Tints Shades & Tints

#2E1725

Dark
Light

#3D2031

Dark
Light

#464152

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2e1725;
  --color-2: #3d2031;
  --color-3: #464152;
  --color-4: #64696e;
  --color-5: #c4ab87;
}

SCSS

$color-1: #2e1725;
$color-2: #3d2031;
$color-3: #464152;
$color-4: #64696e;
$color-5: #c4ab87;

TAILWIND

colors: {
  'brand-1': '#2e1725',
  'brand-2': '#3d2031',
  'brand-3': '#464152',
  'brand-4': '#64696e',
  'brand-5': '#c4ab87',
}

RGB Array

[46, 23, 37], [61, 32, 49], [70, 65, 82], [100, 105, 110], [196, 171, 135]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #2E1725, #3D2031, #464152, #64696E, #C4AB87 is ideal for: brand design, premium product pages, magazine layouts, tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #2e1725; --color-2: #3d2031; --color-3: #464152; --color-4: #64696e; --color-5: #c4ab87. 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. 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 general-style 5-color scheme is especially suited for finance, legal, luxury industries. Restrained colors convey professionalism and trust. 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