← Back to Editor

#E6DDE0 · #BBB6B8 · #EAE9FC · #A1A7A5 · #060A19

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

#E6DDE0

Rouge · LightGray · Cherry Blossom

HEX
#E6DDE0
RGB
rgb(230, 221, 224)
HSL
hsl(340, 15%, 88%)
HSB
hsb(340, 4%, 90%)
CMYK
cmyk(0%, 4%, 3%, 10%)
Oklch
oklch(90.6% 0.011 354.9)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

#BBB6B8

Silver Gray · Silver · Pearl Gray

HEX
#BBB6B8
RGB
rgb(187, 182, 184)
HSL
hsl(336, 4%, 72%)
HSB
hsb(336, 3%, 73%)
CMYK
cmyk(0%, 3%, 2%, 27%)
Oklch
oklch(78.1% 0.006 350.9)

Traditional「Silver Gray」· Paint「Pearl Gray」· Creative Silver Lining

#EAE9FC

Wisteria · Lavender · Sky Blue

HEX
#EAE9FC
RGB
rgb(234, 233, 252)
HSL
hsl(243, 76%, 95%)
HSB
hsb(243, 8%, 99%)
CMYK
cmyk(7%, 8%, 0%, 1%)
Oklch
oklch(94.0% 0.026 288.3)

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

#A1A7A5

Ash · DarkGray · Silver Sand

HEX
#A1A7A5
RGB
rgb(161, 167, 165)
HSL
hsl(160, 3%, 64%)
HSB
hsb(160, 4%, 65%)
CMYK
cmyk(4%, 0%, 1%, 35%)
Oklch
oklch(72.3% 0.007 174.3)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#060A19

Indigo · Black · Deep Sea Blue

HEX
#060A19
RGB
rgb(6, 10, 25)
HSL
hsl(227, 61%, 6%)
HSB
hsb(227, 76%, 10%)
CMYK
cmyk(76%, 60%, 0%, 90%)
Oklch
oklch(15.0% 0.033 269.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E6DDE0
DCE5E2

Analogous

E5DCE3
E6DDE0
E5DDDC

Triadic

E6DDE0
DFE5DC
DCDFE5

Split-Comp.

E6DDE0
DCE5DD
DCE3E5

Tetradic

E6DDE0
E3E5DC
DCE5E2
DDDCE5

Contrast Matrix WCAG 2.1 Contrast

E6DDE0
BBB6B8
EAE9FC
A1A7A5
060A19
—
1.5
Fail
1.1
Fail
1.8
Fail
14.8
AAA
1.5
Fail
—
1.7
Fail
1.2
Fail
9.9
AAA
1.1
Fail
1.7
Fail
—
2.0
Fail
16.5
AAA
1.8
Fail
1.2
Fail
2.0
Fail
—
8.1
AAA
14.8
AAA
9.9
AAA
16.5
AAA
8.1
AAA
—
White BG
1.3Fail
2.0Fail
1.2Fail
2.4Fail
19.7AAA
Black BG
15.8AAA
10.5AAA
17.6AAA
8.6AAA
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E2E2DF
B9B9B8
EAEAF7
A4A4A5
080815

Deuteranopia

E3E3DF
B9BAB7
EAEAF6
A3A3A6
080715

Tritanopia

E6DFDF
BBB7B7
EAF4F3
A1A6A6
061312

Achromatopsia

E0E0E0
B8B8B8
EBEBEB
A5A5A5
0B0B0B

Shades & Tints Shades & Tints

#E6DDE0

Dark
Light

#BBB6B8

Dark
Light

#EAE9FC

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e6dde0;
  --color-2: #bbb6b8;
  --color-3: #eae9fc;
  --color-4: #a1a7a5;
  --color-5: #060a19;
}

SCSS

$color-1: #e6dde0;
$color-2: #bbb6b8;
$color-3: #eae9fc;
$color-4: #a1a7a5;
$color-5: #060a19;

TAILWIND

colors: {
  'brand-1': '#e6dde0',
  'brand-2': '#bbb6b8',
  'brand-3': '#eae9fc',
  'brand-4': '#a1a7a5',
  'brand-5': '#060a19',
}

RGB Array

[230, 221, 224], [187, 182, 184], [234, 233, 252], [161, 167, 165], [6, 10, 25]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E6DDE0, #BBB6B8, #EAE9FC, #A1A7A5, #060A19 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: #e6dde0; --color-2: #bbb6b8; --color-3: #eae9fc; --color-4: #a1a7a5; --color-5: #060a19. 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