← Back to Editor

#DE91D1 · #818F95 · #385884 · #04114B · #A6BEA1

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

#DE91D1

Mauve · Orchid · Lilac Purple

HEX
#DE91D1
RGB
rgb(222, 145, 209)
HSL
hsl(310, 54%, 72%)
HSB
hsb(310, 35%, 87%)
CMYK
cmyk(0%, 35%, 6%, 13%)
Oklch
oklch(75.5% 0.124 333.0)

Traditional「Mauve」· Paint「Lilac Purple」· Creative Rose Petal

#818F95

Slate Blue · LightSlateGray · Warm Gray

HEX
#818F95
RGB
rgb(129, 143, 149)
HSL
hsl(198, 9%, 55%)
HSB
hsb(198, 13%, 58%)
CMYK
cmyk(13%, 4%, 0%, 42%)
Oklch
oklch(64.1% 0.019 225.3)

Traditional「Slate Blue」· Paint「Warm Gray」· Creative Urban Concrete

#385884

Indigo · DarkSlateBlue · Prussian Blue

HEX
#385884
RGB
rgb(56, 88, 132)
HSL
hsl(215, 40%, 37%)
HSB
hsb(215, 58%, 52%)
CMYK
cmyk(58%, 33%, 0%, 48%)
Oklch
oklch(45.6% 0.082 256.6)

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

#04114B

Indigo · MidnightBlue · Deep Sea Blue

HEX
#04114B
RGB
rgb(4, 17, 75)
HSL
hsl(229, 90%, 15%)
HSB
hsb(229, 95%, 29%)
CMYK
cmyk(95%, 77%, 0%, 71%)
Oklch
oklch(21.9% 0.108 265.7)

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

#A6BEA1

Celadon · DarkGray · Apple Green

HEX
#A6BEA1
RGB
rgb(166, 190, 161)
HSL
hsl(110, 18%, 69%)
HSB
hsb(110, 15%, 75%)
CMYK
cmyk(13%, 0%, 15%, 25%)
Oklch
oklch(77.5% 0.048 140.3)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DE91D1
91DE9E

Analogous

C491DE
DE91D1
DE91AB

Triadic

DE91D1
D1DE91
91D1DE

Split-Comp.

DE91D1
ABDE91
91DEC4

Tetradic

DE91D1
DEC491
91DE9E
91ABDE

Contrast Matrix WCAG 2.1 Contrast

DE91D1
818F95
385884
04114B
A6BEA1
—
1.4
Fail
3.1
AA Large
7.6
AAA
1.2
Fail
1.4
Fail
—
2.2
Fail
5.3
AA
1.7
Fail
3.1
AA Large
2.2
Fail
—
2.4
Fail
3.6
AA Large
7.6
AAA
5.3
AA
2.4
Fail
—
8.8
AAA
1.2
Fail
1.7
Fail
3.6
AA Large
8.8
AAA
—
White BG
2.3Fail
3.3AA Large
7.2AAA
17.7AAA
2.0Fail
Black BG
9.1AAA
6.3AA
2.9Fail
1.2Fail
10.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BDBCC2
878794
464679
0A0A3D
B0B1A8

Deuteranopia

C1C7BE
868593
444277
09083A
AFADAA

Tritanopia

DAB5B3
829292
3A716F
05322F
A7AEAF

Achromatopsia

AFAFAF
8B8B8B
535353
141414
B4B4B4

Shades & Tints Shades & Tints

#DE91D1

Dark
Light

#818F95

Dark
Light

#385884

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #de91d1;
  --color-2: #818f95;
  --color-3: #385884;
  --color-4: #04114b;
  --color-5: #a6bea1;
}

SCSS

$color-1: #de91d1;
$color-2: #818f95;
$color-3: #385884;
$color-4: #04114b;
$color-5: #a6bea1;

TAILWIND

colors: {
  'brand-1': '#de91d1',
  'brand-2': '#818f95',
  'brand-3': '#385884',
  'brand-4': '#04114b',
  'brand-5': '#a6bea1',
}

RGB Array

[222, 145, 209], [129, 143, 149], [56, 88, 132], [4, 17, 75], [166, 190, 161]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DE91D1, #818F95, #385884, #04114B, #A6BEA1 is ideal for: 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: #de91d1; --color-2: #818f95; --color-3: #385884; --color-4: #04114b; --color-5: #a6bea1. 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. 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