← Back to Editor

#3E1041 · #7D3B61 · #DEB975 · #A6AF7A · #17265D

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

#3E1041

Royal Purple · MidnightBlue · Dark Purple

HEX
#3E1041
RGB
rgb(62, 16, 65)
HSL
hsl(296, 60%, 16%)
HSB
hsb(296, 75%, 25%)
CMYK
cmyk(5%, 75%, 0%, 75%)
Oklch
oklch(27.4% 0.099 325.3)

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

#7D3B61

Rose Purple · DimGray · Camellia

HEX
#7D3B61
RGB
rgb(125, 59, 97)
HSL
hsl(325, 36%, 36%)
HSB
hsb(325, 53%, 49%)
CMYK
cmyk(0%, 53%, 22%, 51%)
Oklch
oklch(45.1% 0.103 346.4)

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

#DEB975

Ginger · BurlyWood · Warm Sun

HEX
#DEB975
RGB
rgb(222, 185, 117)
HSL
hsl(39, 61%, 66%)
HSB
hsb(39, 47%, 87%)
CMYK
cmyk(0%, 17%, 47%, 13%)
Oklch
oklch(80.3% 0.096 81.9)

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

#A6AF7A

Grass Green · DarkSeaGreen · Olive Green

HEX
#A6AF7A
RGB
rgb(166, 175, 122)
HSL
hsl(70, 25%, 58%)
HSB
hsb(70, 30%, 69%)
CMYK
cmyk(5%, 0%, 30%, 31%)
Oklch
oklch(73.4% 0.073 116.1)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#17265D

Indigo · MidnightBlue · Prussian Blue

HEX
#17265D
RGB
rgb(23, 38, 93)
HSL
hsl(227, 60%, 23%)
HSB
hsb(227, 75%, 36%)
CMYK
cmyk(75%, 59%, 0%, 64%)
Oklch
oklch(29.2% 0.100 268.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

3E1041
144110

Analogous

261041
3E1041
41102C

Triadic

3E1041
413E10
10413E

Split-Comp.

3E1041
2C4110
104126

Tetradic

3E1041
412610
144110
102C41

Contrast Matrix WCAG 2.1 Contrast

3E1041
7D3B61
DEB975
A6AF7A
17265D
—
2.0
Fail
8.3
AAA
6.7
AA
1.1
Fail
2.0
Fail
—
4.2
AA Large
3.4
AA Large
1.8
Fail
8.3
AAA
4.2
AA Large
—
1.3
Fail
7.7
AAA
6.7
AA
3.4
AA Large
1.3
Fail
—
6.1
AA
1.1
Fail
1.8
Fail
7.7
AAA
6.1
AA
—
White BG
15.5AAA
7.9AAA
1.9Fail
2.3Fail
14.3AAA
Black BG
1.4Fail
2.7Fail
11.3AAA
9.0AAA
1.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

2A2A35
606058
CECE85
AAAA87
1D1E50

Deuteranopia

2D3032
646956
D0D389
A9A98A
1D1C4D

Tritanopia

3C2C2A
7A514F
DC9295
A69193
184543

Achromatopsia

232323
535353
BCBCBC
A6A6A6
282828

Shades & Tints Shades & Tints

#3E1041

Dark
Light

#7D3B61

Dark
Light

#DEB975

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #3e1041;
  --color-2: #7d3b61;
  --color-3: #deb975;
  --color-4: #a6af7a;
  --color-5: #17265d;
}

SCSS

$color-1: #3e1041;
$color-2: #7d3b61;
$color-3: #deb975;
$color-4: #a6af7a;
$color-5: #17265d;

TAILWIND

colors: {
  'brand-1': '#3e1041',
  'brand-2': '#7d3b61',
  'brand-3': '#deb975',
  'brand-4': '#a6af7a',
  'brand-5': '#17265d',
}

RGB Array

[62, 16, 65], [125, 59, 97], [222, 185, 117], [166, 175, 122], [23, 38, 93]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #3E1041, #7D3B61, #DEB975, #A6AF7A, #17265D 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: #3e1041; --color-2: #7d3b61; --color-3: #deb975; --color-4: #a6af7a; --color-5: #17265d. 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