← Back to Editor

#5E3749 · #262231 · #2F2F49 · #FCA061 · #AE624B

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#5E3749

Dark Violet · DarkSlateGray · Camellia

HEX
#5E3749
RGB
rgb(94, 55, 73)
HSL
hsl(332, 26%, 29%)
HSB
hsb(332, 41%, 37%)
CMYK
cmyk(0%, 41%, 22%, 63%)
Oklch
oklch(39.0% 0.061 351.1)

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

#262231

Deep Indigo · DarkSlateGray · Deep Sea Blue

HEX
#262231
RGB
rgb(38, 34, 49)
HSL
hsl(256, 18%, 16%)
HSB
hsb(256, 31%, 19%)
CMYK
cmyk(22%, 31%, 0%, 81%)
Oklch
oklch(26.3% 0.028 296.7)

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

#2F2F49

Deep Indigo · DarkSlateGray · Prussian Blue

HEX
#2F2F49
RGB
rgb(47, 47, 73)
HSL
hsl(240, 22%, 24%)
HSB
hsb(240, 36%, 29%)
CMYK
cmyk(36%, 36%, 0%, 71%)
Oklch
oklch(31.7% 0.046 283.5)

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

#FCA061

Apricot · SandyBrown · Warm Sun

HEX
#FCA061
RGB
rgb(252, 160, 97)
HSL
hsl(24, 96%, 68%)
HSB
hsb(24, 62%, 99%)
CMYK
cmyk(0%, 37%, 62%, 1%)
Oklch
oklch(78.6% 0.135 53.8)

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

#AE624B

Crimson · Sienna · Passion Red

HEX
#AE624B
RGB
rgb(174, 98, 75)
HSL
hsl(14, 40%, 49%)
HSB
hsb(14, 57%, 68%)
CMYK
cmyk(0%, 44%, 57%, 32%)
Oklch
oklch(57.8% 0.105 37.6)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

5E3749
375D4B

Analogous

5D375C
5E3749
5D3837

Triadic

5E3749
495D37
37495D

Split-Comp.

5E3749
375D38
375C5D

Tetradic

5E3749
5C5D37
375D4B
38375D

Contrast Matrix WCAG 2.1 Contrast

5E3749
262231
2F2F49
FCA061
AE624B
—
1.6
Fail
1.3
Fail
4.9
AA
2.2
Fail
1.6
Fail
—
1.2
Fail
7.6
AAA
3.4
AA Large
1.3
Fail
1.2
Fail
—
6.4
AA
2.9
Fail
4.9
AA
7.6
AAA
6.4
AA
—
2.2
Fail
2.2
Fail
3.4
AA Large
2.9
Fail
2.2
Fail
—
White BG
9.9AAA
15.5AAA
12.9AAA
2.0Fail
4.5AA
Black BG
2.1Fail
1.4Fail
1.6Fail
10.3AAA
4.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

4D4D45
24242D
2F2F43
D4D370
8D8C51

Deuteranopia

4F5244
25252D
2F2F41
DAE074
929752

Tritanopia

5C4140
262B2A
2F3E3D
F77C7F
AA5556

Achromatopsia

454545
252525
323232
B4B4B4
767676

Shades & Tints Shades & Tints

#5E3749

Dark
Light

#262231

Dark
Light

#2F2F49

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #5e3749;
  --color-2: #262231;
  --color-3: #2f2f49;
  --color-4: #fca061;
  --color-5: #ae624b;
}

SCSS

$color-1: #5e3749;
$color-2: #262231;
$color-3: #2f2f49;
$color-4: #fca061;
$color-5: #ae624b;

TAILWIND

colors: {
  'brand-1': '#5e3749',
  'brand-2': '#262231',
  'brand-3': '#2f2f49',
  'brand-4': '#fca061',
  'brand-5': '#ae624b',
}

RGB Array

[94, 55, 73], [38, 34, 49], [47, 47, 73], [252, 160, 97], [174, 98, 75]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #5E3749, #262231, #2F2F49, #FCA061, #AE624B is ideal for: tech websites, dark mode UIs, game UIs, 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: #5e3749; --color-2: #262231; --color-3: #2f2f49; --color-4: #fca061; --color-5: #ae624b. 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 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