← Back to Editor

#BAA0C7 · #DDE7A8 · #F5F5B9 · #7F5994 · #664476

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatile

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#BAA0C7

Lilac · Silver · Lilac Purple

HEX
#BAA0C7
RGB
rgb(186, 160, 199)
HSL
hsl(280, 26%, 70%)
HSB
hsb(280, 20%, 78%)
CMYK
cmyk(7%, 20%, 0%, 22%)
Oklch
oklch(74.1% 0.062 314.4)

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

#DDE7A8

Willow Green · Wheat · Apple Green

HEX
#DDE7A8
RGB
rgb(221, 231, 168)
HSL
hsl(70, 57%, 78%)
HSB
hsb(70, 27%, 91%)
CMYK
cmyk(4%, 0%, 27%, 9%)
Oklch
oklch(90.5% 0.082 115.4)

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

#F5F5B9

Fresh Green · Bisque · Lemon Cream

HEX
#F5F5B9
RGB
rgb(245, 245, 185)
HSL
hsl(60, 75%, 84%)
HSB
hsb(60, 24%, 96%)
CMYK
cmyk(0%, 0%, 24%, 4%)
Oklch
oklch(95.6% 0.077 107.8)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#7F5994

Dark Plum · SlateGray · Violet

HEX
#7F5994
RGB
rgb(127, 89, 148)
HSL
hsl(279, 25%, 46%)
HSB
hsb(279, 40%, 58%)
CMYK
cmyk(14%, 40%, 0%, 42%)
Oklch
oklch(52.8% 0.100 312.9)

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

#664476

Dark Plum · DarkSlateBlue · Eggplant

HEX
#664476
RGB
rgb(102, 68, 118)
HSL
hsl(281, 27%, 36%)
HSB
hsb(281, 42%, 46%)
CMYK
cmyk(14%, 42%, 0%, 54%)
Oklch
oklch(44.6% 0.089 314.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BAA0C7
ACC69F

Analogous

A59FC6
BAA0C7
C69FC0

Triadic

BAA0C7
C6B99F
9FC6B9

Split-Comp.

BAA0C7
C0C69F
9FC6A5

Tetradic

BAA0C7
C6A59F
ACC69F
9FC0C6

Contrast Matrix WCAG 2.1 Contrast

BAA0C7
DDE7A8
F5F5B9
7F5994
664476
—
1.8
Fail
2.1
Fail
2.4
Fail
3.4
AA Large
1.8
Fail
—
1.2
Fail
4.3
AA Large
6.1
AA
2.1
Fail
1.2
Fail
—
5.0
AA
7.0
AAA
2.4
Fail
4.3
AA Large
5.0
AA
—
1.4
Fail
3.4
AA Large
6.1
AA
7.0
AAA
1.4
Fail
—
White BG
2.3Fail
1.3Fail
1.1Fail
5.6AA
7.9AAA
Black BG
8.9AAA
16.1AAA
18.6AAA
3.8AA Large
2.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

AFAFBE
E1E1B7
F5F5C8
6F6E86
57576A

Deuteranopia

B0B2BB
E1E0BB
F5F5CB
717482
595C67

Tritanopia

B9B6B4
DEC3C6
F5D3D6
7D7A78
64605E

Achromatopsia

ACACAC
DDDDDD
EEEEEE
6B6B6B
545454

Shades & Tints Shades & Tints

#BAA0C7

Dark
Light

#DDE7A8

Dark
Light

#F5F5B9

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #baa0c7;
  --color-2: #dde7a8;
  --color-3: #f5f5b9;
  --color-4: #7f5994;
  --color-5: #664476;
}

SCSS

$color-1: #baa0c7;
$color-2: #dde7a8;
$color-3: #f5f5b9;
$color-4: #7f5994;
$color-5: #664476;

TAILWIND

colors: {
  'brand-1': '#baa0c7',
  'brand-2': '#dde7a8',
  'brand-3': '#f5f5b9',
  'brand-4': '#7f5994',
  'brand-5': '#664476',
}

RGB Array

[186, 160, 199], [221, 231, 168], [245, 245, 185], [127, 89, 148], [102, 68, 118]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BAA0C7, #DDE7A8, #F5F5B9, #7F5994, #664476 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: #baa0c7; --color-2: #dde7a8; --color-3: #f5f5b9; --color-4: #7f5994; --color-5: #664476. 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