← Back to Editor

#FAF7FC · #E6DDED · #EBCDDD · #A995A9 · #613463

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#FAF7FC

Lilac · Snow · Lavender

HEX
#FAF7FC
RGB
rgb(250, 247, 252)
HSL
hsl(276, 45%, 98%)
HSB
hsb(276, 2%, 99%)
CMYK
cmyk(1%, 2%, 0%, 1%)
Oklch
oklch(98.0% 0.007 312.3)

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

#E6DDED

Lilac · Lavender · Lavender

HEX
#E6DDED
RGB
rgb(230, 221, 237)
HSL
hsl(274, 31%, 90%)
HSB
hsb(274, 7%, 93%)
CMYK
cmyk(3%, 7%, 0%, 7%)
Oklch
oklch(90.9% 0.024 310.7)

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

#EBCDDD

Mauve · LightGray · Cherry Blossom

HEX
#EBCDDD
RGB
rgb(235, 205, 221)
HSL
hsl(328, 43%, 86%)
HSB
hsb(328, 13%, 92%)
CMYK
cmyk(0%, 13%, 6%, 8%)
Oklch
oklch(87.8% 0.040 344.5)

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

#A995A9

Mauve · DarkGray · Lilac Purple

HEX
#A995A9
RGB
rgb(169, 149, 169)
HSL
hsl(300, 10%, 62%)
HSB
hsb(300, 12%, 66%)
CMYK
cmyk(0%, 12%, 0%, 34%)
Oklch
oklch(69.4% 0.037 326.0)

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

#613463

Dark Plum · DarkSlateBlue · Eggplant

HEX
#613463
RGB
rgb(97, 52, 99)
HSL
hsl(297, 31%, 30%)
HSB
hsb(297, 47%, 39%)
CMYK
cmyk(2%, 47%, 0%, 61%)
Oklch
oklch(40.1% 0.094 325.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FAF7FC
F9FCF8

Analogous

F8F8FC
FAF7FC
FCF8FC

Triadic

FAF7FC
FCFAF8
F8FCFA

Split-Comp.

FAF7FC
FCFCF8
F8FCF8

Tetradic

FAF7FC
FCF8F8
F9FCF8
F8FCFC

Contrast Matrix WCAG 2.1 Contrast

FAF7FC
E6DDED
EBCDDD
A995A9
613463
—
1.2
Fail
1.4
Fail
2.6
Fail
9.1
AAA
1.2
Fail
—
1.1
Fail
2.1
Fail
7.3
AAA
1.4
Fail
1.1
Fail
—
1.9
Fail
6.6
AA
2.6
Fail
2.1
Fail
1.9
Fail
—
3.5
AA Large
9.1
AAA
7.3
AAA
6.6
AA
3.5
AA Large
—
White BG
1.1Fail
1.3Fail
1.5Fail
2.8Fail
9.6AAA
Black BG
19.8AAA
15.9AAA
14.3AAA
7.6AAA
2.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

F9F9FB
E2E2E9
DEDED9
A0A0A4
4E4D58

Deuteranopia

F9F9FA
E3E3E8
E0E2D8
A2A3A3
505355

Tritanopia

FAFAFA
E6E6E5
EAD6D5
A8A0A0
5F4F4D

Achromatopsia

F8F8F8
E2E2E2
D8D8D8
9D9D9D
474747

Shades & Tints Shades & Tints

#FAF7FC

Dark
Light

#E6DDED

Dark
Light

#EBCDDD

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #faf7fc;
  --color-2: #e6dded;
  --color-3: #ebcddd;
  --color-4: #a995a9;
  --color-5: #613463;
}

SCSS

$color-1: #faf7fc;
$color-2: #e6dded;
$color-3: #ebcddd;
$color-4: #a995a9;
$color-5: #613463;

TAILWIND

colors: {
  'brand-1': '#faf7fc',
  'brand-2': '#e6dded',
  'brand-3': '#ebcddd',
  'brand-4': '#a995a9',
  'brand-5': '#613463',
}

RGB Array

[250, 247, 252], [230, 221, 237], [235, 205, 221], [169, 149, 169], [97, 52, 99]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FAF7FC, #E6DDED, #EBCDDD, #A995A9, #613463 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: #faf7fc; --color-2: #e6dded; --color-3: #ebcddd; --color-4: #a995a9; --color-5: #613463. 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