← Back to Editor

#AE9CB6 · #C0B0C6 · #DAD9DD · #E3E3E3 · #F7F8F2

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#AE9CB6

Lilac · DarkGray · Lilac Purple

HEX
#AE9CB6
RGB
rgb(174, 156, 182)
HSL
hsl(282, 15%, 66%)
HSB
hsb(282, 14%, 71%)
CMYK
cmyk(4%, 14%, 0%, 29%)
Oklch
oklch(71.7% 0.042 315.5)

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

#C0B0C6

Lilac · Silver · Lilac Purple

HEX
#C0B0C6
RGB
rgb(192, 176, 198)
HSL
hsl(284, 16%, 73%)
HSB
hsb(284, 11%, 78%)
CMYK
cmyk(3%, 11%, 0%, 22%)
Oklch
oklch(77.8% 0.035 316.9)

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

#DAD9DD

Plain White · LightGray · Cloud White

HEX
#DAD9DD
RGB
rgb(218, 217, 221)
HSL
hsl(255, 6%, 86%)
HSB
hsb(255, 2%, 87%)
CMYK
cmyk(1%, 2%, 0%, 13%)
Oklch
oklch(88.7% 0.006 297.7)

Traditional「Plain White」· Paint「Cloud White」· Creative Silver Lining

#E3E3E3

Plain White · Lavender · Cloud White

HEX
#E3E3E3
RGB
rgb(227, 227, 227)
HSL
hsl(0, 0%, 89%)
HSB
hsb(0, 0%, 89%)
CMYK
cmyk(0%, 0%, 0%, 11%)
Oklch
oklch(91.6% 0.000 89.9)

Traditional「Plain White」· Paint「Cloud White」· Creative Silver Lining

#F7F8F2

Willow Green · SeaShell · Mint Green

HEX
#F7F8F2
RGB
rgb(247, 248, 242)
HSL
hsl(70, 30%, 96%)
HSB
hsb(70, 2%, 97%)
CMYK
cmyk(0%, 0%, 2%, 3%)
Oklch
oklch(97.7% 0.008 114.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AE9CB6
A3B59B

Analogous

A09BB5
AE9CB6
B59BB0

Triadic

AE9CB6
B5AE9B
9BB5AE

Split-Comp.

AE9CB6
B0B59B
9BB5A0

Tetradic

AE9CB6
B5A09B
A3B59B
9BB0B5

Contrast Matrix WCAG 2.1 Contrast

AE9CB6
C0B0C6
DAD9DD
E3E3E3
F7F8F2
—
1.2
Fail
1.8
Fail
2.0
Fail
2.4
Fail
1.2
Fail
—
1.5
Fail
1.6
Fail
1.9
Fail
1.8
Fail
1.5
Fail
—
1.1
Fail
1.3
Fail
2.0
Fail
1.6
Fail
1.1
Fail
—
1.2
Fail
2.4
Fail
1.9
Fail
1.3
Fail
1.2
Fail
—
White BG
2.6Fail
2.0Fail
1.4Fail
1.3Fail
1.1Fail
Black BG
8.2AAA
10.3AAA
15.0AAA
16.4AAA
19.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A6A6B0
B9B9C1
DADADC
E3E3E3
F7F7F3

Deuteranopia

A7A9AE
BABBBF
DADADC
E3E3E3
F7F7F4

Tritanopia

ADABAA
BFBCBC
DADBDB
E3E3E3
F7F5F5

Achromatopsia

A4A4A4
B7B7B7
DADADA
E3E3E3
F7F7F7

Shades & Tints Shades & Tints

#AE9CB6

Dark
Light

#C0B0C6

Dark
Light

#DAD9DD

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ae9cb6;
  --color-2: #c0b0c6;
  --color-3: #dad9dd;
  --color-4: #e3e3e3;
  --color-5: #f7f8f2;
}

SCSS

$color-1: #ae9cb6;
$color-2: #c0b0c6;
$color-3: #dad9dd;
$color-4: #e3e3e3;
$color-5: #f7f8f2;

TAILWIND

colors: {
  'brand-1': '#ae9cb6',
  'brand-2': '#c0b0c6',
  'brand-3': '#dad9dd',
  'brand-4': '#e3e3e3',
  'brand-5': '#f7f8f2',
}

RGB Array

[174, 156, 182], [192, 176, 198], [218, 217, 221], [227, 227, 227], [247, 248, 242]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #AE9CB6, #C0B0C6, #DAD9DD, #E3E3E3, #F7F8F2 is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #ae9cb6; --color-2: #c0b0c6; --color-3: #dad9dd; --color-4: #e3e3e3; --color-5: #f7f8f2. 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. 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 beauty, lifestyle, arts industries. Restrained colors convey professionalism and trust. 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