← Back to Editor

#ADB19C · #E0C3FD · #BBAFF3 · #896EC2 · #6B668C

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#ADB19C

Willow Green · DarkGray · Apple Green

HEX
#ADB19C
RGB
rgb(173, 177, 156)
HSL
hsl(71, 12%, 65%)
HSB
hsb(71, 12%, 69%)
CMYK
cmyk(2%, 0%, 12%, 31%)
Oklch
oklch(75.1% 0.030 115.9)

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

#E0C3FD

Lilac · Lavender · Lavender

HEX
#E0C3FD
RGB
rgb(224, 195, 253)
HSL
hsl(270, 94%, 88%)
HSB
hsb(270, 23%, 99%)
CMYK
cmyk(11%, 23%, 0%, 1%)
Oklch
oklch(86.1% 0.085 307.4)

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

#BBAFF3

Wisteria · LightSteelBlue · Sky Blue

HEX
#BBAFF3
RGB
rgb(187, 175, 243)
HSL
hsl(251, 74%, 82%)
HSB
hsb(251, 28%, 95%)
CMYK
cmyk(23%, 28%, 0%, 5%)
Oklch
oklch(78.8% 0.096 292.1)

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

#896EC2

Deep Indigo · SlateBlue · Navy Blue

HEX
#896EC2
RGB
rgb(137, 110, 194)
HSL
hsl(259, 41%, 60%)
HSB
hsb(259, 43%, 76%)
CMYK
cmyk(29%, 43%, 0%, 24%)
Oklch
oklch(60.0% 0.127 297.2)

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

#6B668C

Deep Indigo · SlateGray · Navy Blue

HEX
#6B668C
RGB
rgb(107, 102, 140)
HSL
hsl(248, 16%, 47%)
HSB
hsb(248, 27%, 55%)
CMYK
cmyk(24%, 27%, 0%, 45%)
Oklch
oklch(53.0% 0.059 290.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

ADB19C
9F9BB0

Analogous

B0AA9B
ADB19C
A2B09B

Triadic

ADB19C
9BADB0
B09BAD

Split-Comp.

ADB19C
9BA2B0
AA9BB0

Tetradic

ADB19C
9BB0AA
9F9BB0
B09BA2

Contrast Matrix WCAG 2.1 Contrast

ADB19C
E0C3FD
BBAFF3
896EC2
6B668C
—
1.4
Fail
1.1
Fail
1.9
Fail
2.4
Fail
1.4
Fail
—
1.3
Fail
2.6
Fail
3.4
AA Large
1.1
Fail
1.3
Fail
—
2.1
Fail
2.7
Fail
1.9
Fail
2.6
Fail
2.1
Fail
—
1.3
Fail
2.4
Fail
3.4
AA Large
2.7
Fail
1.3
Fail
—
White BG
2.2Fail
1.6Fail
2.0Fail
4.1AA Large
5.4AA
Black BG
9.5AAA
13.4AAA
10.5AAA
5.1AA
3.9AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

AFAFA1
D3D3EF
B6B6E3
7D7DAE
696983

Deuteranopia

AFAEA2
D5D7EC
B7B7DF
7F81A9
696981

Tritanopia

ADA5A6
DFE4E1
BAD6D3
889E9A
6B7C7A

Achromatopsia

ADADAD
D2D2D2
BABABA
808080
6C6C6C

Shades & Tints Shades & Tints

#ADB19C

Dark
Light

#E0C3FD

Dark
Light

#BBAFF3

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #adb19c;
  --color-2: #e0c3fd;
  --color-3: #bbaff3;
  --color-4: #896ec2;
  --color-5: #6b668c;
}

SCSS

$color-1: #adb19c;
$color-2: #e0c3fd;
$color-3: #bbaff3;
$color-4: #896ec2;
$color-5: #6b668c;

TAILWIND

colors: {
  'brand-1': '#adb19c',
  'brand-2': '#e0c3fd',
  'brand-3': '#bbaff3',
  'brand-4': '#896ec2',
  'brand-5': '#6b668c',
}

RGB Array

[173, 177, 156], [224, 195, 253], [187, 175, 243], [137, 110, 194], [107, 102, 140]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #ADB19C, #E0C3FD, #BBAFF3, #896EC2, #6B668C 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: #adb19c; --color-2: #e0c3fd; --color-3: #bbaff3; --color-4: #896ec2; --color-5: #6b668c. 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