← Back to Editor

#413C53 · #4B3D54 · #653E59 · #91615F · #C9B59C

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

#413C53

Deep Indigo · DarkSlateGray · Prussian Blue

HEX
#413C53
RGB
rgb(65, 60, 83)
HSL
hsl(253, 16%, 28%)
HSB
hsb(253, 28%, 33%)
CMYK
cmyk(22%, 28%, 0%, 67%)
Oklch
oklch(37.1% 0.039 294.4)

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

#4B3D54

Dark Plum · DarkSlateGray · Eggplant

HEX
#4B3D54
RGB
rgb(75, 61, 84)
HSL
hsl(277, 16%, 28%)
HSB
hsb(277, 27%, 33%)
CMYK
cmyk(11%, 27%, 0%, 67%)
Oklch
oklch(38.4% 0.042 311.9)

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

#653E59

Rose Purple · DimGray · Eggplant

HEX
#653E59
RGB
rgb(101, 62, 89)
HSL
hsl(318, 24%, 32%)
HSB
hsb(318, 39%, 40%)
CMYK
cmyk(0%, 39%, 12%, 60%)
Oklch
oklch(41.9% 0.067 339.0)

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

#91615F

Crimson · DimGray · Passion Red

HEX
#91615F
RGB
rgb(145, 97, 95)
HSL
hsl(2, 21%, 47%)
HSB
hsb(2, 34%, 57%)
CMYK
cmyk(0%, 33%, 34%, 43%)
Oklch
oklch(54.3% 0.063 22.0)

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

#C9B59C

Ginger · Tan · Warm Sun

HEX
#C9B59C
RGB
rgb(201, 181, 156)
HSL
hsl(33, 29%, 70%)
HSB
hsb(33, 22%, 79%)
CMYK
cmyk(0%, 10%, 22%, 21%)
Oklch
oklch(78.3% 0.041 73.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

413C53
4E533C

Analogous

3C4253
413C53
4C3C53

Triadic

413C53
53413C
3C5341

Split-Comp.

413C53
534C3C
42533C

Tetradic

413C53
533C42
4E533C
3C534C

Contrast Matrix WCAG 2.1 Contrast

413C53
4B3D54
653E59
91615F
C9B59C
—
1.0
Fail
1.2
Fail
2.0
Fail
5.3
AA
1.0
Fail
—
1.1
Fail
1.9
Fail
5.0
AA
1.2
Fail
1.1
Fail
—
1.7
Fail
4.4
AA Large
2.0
Fail
1.9
Fail
1.7
Fail
—
2.6
Fail
5.3
AA
5.0
AA
4.4
AA Large
2.6
Fail
—
White BG
10.5AAA
10.0AAA
8.8AAA
5.1AA
2.0Fail
Black BG
2.0Fail
2.1Fail
2.4Fail
4.1AA Large
10.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

3F3F4D
45454E
545452
7C7C5F
C0C0A2

Deuteranopia

3F404C
46474D
565951
7F8360
C2C3A4

Tritanopia

414948
4A4A49
634D4C
8F6060
C8A7A8

Achromatopsia

404040
444444
4D4D4D
6F6F6F
B8B8B8

Shades & Tints Shades & Tints

#413C53

Dark
Light

#4B3D54

Dark
Light

#653E59

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #413c53;
  --color-2: #4b3d54;
  --color-3: #653e59;
  --color-4: #91615f;
  --color-5: #c9b59c;
}

SCSS

$color-1: #413c53;
$color-2: #4b3d54;
$color-3: #653e59;
$color-4: #91615f;
$color-5: #c9b59c;

TAILWIND

colors: {
  'brand-1': '#413c53',
  'brand-2': '#4b3d54',
  'brand-3': '#653e59',
  'brand-4': '#91615f',
  'brand-5': '#c9b59c',
}

RGB Array

[65, 60, 83], [75, 61, 84], [101, 62, 89], [145, 97, 95], [201, 181, 156]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #413C53, #4B3D54, #653E59, #91615F, #C9B59C is ideal for: brand design, premium product pages, magazine layouts, 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: #413c53; --color-2: #4b3d54; --color-3: #653e59; --color-4: #91615f; --color-5: #c9b59c. 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. 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. 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