← Back to Editor

#413D4C · #AB818D · #E5BEAF · #FFE3B9 · #E3D7C7

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#413D4C

Deep Indigo · DarkSlateGray · Prussian Blue

HEX
#413D4C
RGB
rgb(65, 61, 76)
HSL
hsl(256, 11%, 27%)
HSB
hsb(256, 20%, 30%)
CMYK
cmyk(14%, 20%, 0%, 70%)
Oklch
oklch(37.0% 0.026 297.3)

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

#AB818D

Dark Violet · Gray · Rose Pink

HEX
#AB818D
RGB
rgb(171, 129, 141)
HSL
hsl(343, 20%, 59%)
HSB
hsb(343, 25%, 67%)
CMYK
cmyk(0%, 25%, 18%, 33%)
Oklch
oklch(64.7% 0.054 359.9)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#E5BEAF

Apricot · LightPink · Peach Orange

HEX
#E5BEAF
RGB
rgb(229, 190, 175)
HSL
hsl(17, 51%, 79%)
HSB
hsb(17, 24%, 90%)
CMYK
cmyk(0%, 17%, 24%, 10%)
Oklch
oklch(83.2% 0.050 42.1)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#FFE3B9

Goose Yellow · Bisque · Peach Orange

HEX
#FFE3B9
RGB
rgb(255, 227, 185)
HSL
hsl(36, 100%, 86%)
HSB
hsb(36, 27%, 100%)
CMYK
cmyk(0%, 11%, 27%, 0%)
Oklch
oklch(92.9% 0.063 77.9)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#E3D7C7

Goose Yellow · LightGray · Peach Orange

HEX
#E3D7C7
RGB
rgb(227, 215, 199)
HSL
hsl(34, 33%, 84%)
HSB
hsb(34, 12%, 89%)
CMYK
cmyk(0%, 5%, 12%, 11%)
Oklch
oklch(88.4% 0.025 75.3)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

413D4C
484C3D

Analogous

3D414C
413D4C
493D4C

Triadic

413D4C
4C413D
3D4C41

Split-Comp.

413D4C
4C493D
414C3D

Tetradic

413D4C
4C3D41
484C3D
3D4C49

Contrast Matrix WCAG 2.1 Contrast

413D4C
AB818D
E5BEAF
FFE3B9
E3D7C7
—
3.1
AA Large
6.2
AA
8.5
AAA
7.4
AAA
3.1
AA Large
—
2.0
Fail
2.7
Fail
2.4
Fail
6.2
AA
2.0
Fail
—
1.4
Fail
1.2
Fail
8.5
AAA
2.7
Fail
1.4
Fail
—
1.1
Fail
7.4
AAA
2.4
Fail
1.2
Fail
1.1
Fail
—
White BG
10.5AAA
3.4AA Large
1.7Fail
1.2Fail
1.4Fail
Black BG
2.0Fail
6.3AA
12.3AAA
16.9AAA
14.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

3F3F48
99988A
D4D4B3
F3F3C3
DEDECB

Deuteranopia

404048
9B9E89
D6D9B4
F5F7C6
DFDFCC

Tritanopia

414645
A98887
E3B5B6
FECBCD
E2CECF

Achromatopsia

404040
8F8F8F
C8C8C8
E7E7E7
D9D9D9

Shades & Tints Shades & Tints

#413D4C

Dark
Light

#AB818D

Dark
Light

#E5BEAF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #413d4c;
  --color-2: #ab818d;
  --color-3: #e5beaf;
  --color-4: #ffe3b9;
  --color-5: #e3d7c7;
}

SCSS

$color-1: #413d4c;
$color-2: #ab818d;
$color-3: #e5beaf;
$color-4: #ffe3b9;
$color-5: #e3d7c7;

TAILWIND

colors: {
  'brand-1': '#413d4c',
  'brand-2': '#ab818d',
  'brand-3': '#e5beaf',
  'brand-4': '#ffe3b9',
  'brand-5': '#e3d7c7',
}

RGB Array

[65, 61, 76], [171, 129, 141], [229, 190, 175], [255, 227, 185], [227, 215, 199]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #413D4C, #AB818D, #E5BEAF, #FFE3B9, #E3D7C7 is ideal for: health products, baby brands, fresh-style blogs, 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: #413d4c; --color-2: #ab818d; --color-3: #e5beaf; --color-4: #ffe3b9; --color-5: #e3d7c7. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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