← Back to Editor

#E3D8F2 · #C4B1BD · #26081F · #B36972 · #D1B9F0

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

#E3D8F2

Wisteria · Lavender · Lavender

HEX
#E3D8F2
RGB
rgb(227, 216, 242)
HSL
hsl(265, 50%, 90%)
HSB
hsb(265, 11%, 95%)
CMYK
cmyk(6%, 11%, 0%, 5%)
Oklch
oklch(89.9% 0.037 304.8)

Traditional「Wisteria」· Paint「Lavender」· Creative Lavender Dream

#C4B1BD

Mauve · Silver · Rose Pink

HEX
#C4B1BD
RGB
rgb(196, 177, 189)
HSL
hsl(322, 14%, 73%)
HSB
hsb(322, 10%, 77%)
CMYK
cmyk(0%, 10%, 4%, 23%)
Oklch
oklch(78.0% 0.027 339.5)

Traditional「Mauve」· Paint「Rose Pink」· Creative Rose Petal

#26081F

Rose Purple · Black · Dark Purple

HEX
#26081F
RGB
rgb(38, 8, 31)
HSL
hsl(314, 65%, 9%)
HSB
hsb(314, 79%, 15%)
CMYK
cmyk(0%, 79%, 18%, 85%)
Oklch
oklch(19.8% 0.061 337.9)

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

#B36972

Crimson · Gray · Passion Red

HEX
#B36972
RGB
rgb(179, 105, 114)
HSL
hsl(353, 33%, 56%)
HSB
hsb(353, 41%, 70%)
CMYK
cmyk(0%, 41%, 36%, 30%)
Oklch
oklch(60.5% 0.095 12.5)

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

#D1B9F0

Wisteria · LightGray · Lavender

HEX
#D1B9F0
RGB
rgb(209, 185, 240)
HSL
hsl(266, 65%, 83%)
HSB
hsb(266, 23%, 94%)
CMYK
cmyk(13%, 23%, 0%, 6%)
Oklch
oklch(82.4% 0.080 304.6)

Traditional「Wisteria」· Paint「Lavender」· Creative Lavender Dream

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E3D8F2
E8F2D9

Analogous

D9DBF2
E3D8F2
F0D9F2

Triadic

E3D8F2
F2E3D9
D9F2E3

Split-Comp.

E3D8F2
F2F0D9
DBF2D9

Tetradic

E3D8F2
F2D9DB
E8F2D9
D9F2F0

Contrast Matrix WCAG 2.1 Contrast

E3D8F2
C4B1BD
26081F
B36972
D1B9F0
—
1.5
Fail
13.5
AAA
3.0
Fail
1.3
Fail
1.5
Fail
—
9.1
AAA
2.0
Fail
1.1
Fail
13.5
AAA
9.1
AAA
—
4.6
AA
10.5
AAA
3.0
Fail
2.0
Fail
4.6
AA
—
2.3
Fail
1.3
Fail
1.1
Fail
10.5
AAA
2.3
Fail
—
White BG
1.4Fail
2.0Fail
18.5AAA
4.1AA Large
1.8Fail
Black BG
15.4AAA
10.4AAA
1.1Fail
5.2AA
11.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DEDEEC
BCBCBA
191919
939270
C7C6E3

Deuteranopia

DFE0EA
BDBEB9
1B1D18
979D6F
C8CAE0

Tritanopia

E2E7E6
C3B8B7
251514
AF6E6E
D0D8D6

Achromatopsia

DEDEDE
B8B8B8
141414
808080
C6C6C6

Shades & Tints Shades & Tints

#E3D8F2

Dark
Light

#C4B1BD

Dark
Light

#26081F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e3d8f2;
  --color-2: #c4b1bd;
  --color-3: #26081f;
  --color-4: #b36972;
  --color-5: #d1b9f0;
}

SCSS

$color-1: #e3d8f2;
$color-2: #c4b1bd;
$color-3: #26081f;
$color-4: #b36972;
$color-5: #d1b9f0;

TAILWIND

colors: {
  'brand-1': '#e3d8f2',
  'brand-2': '#c4b1bd',
  'brand-3': '#26081f',
  'brand-4': '#b36972',
  'brand-5': '#d1b9f0',
}

RGB Array

[227, 216, 242], [196, 177, 189], [38, 8, 31], [179, 105, 114], [209, 185, 240]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E3D8F2, #C4B1BD, #26081F, #B36972, #D1B9F0 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: #e3d8f2; --color-2: #c4b1bd; --color-3: #26081f; --color-4: #b36972; --color-5: #d1b9f0. 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