← Back to Editor

#C5C4EE · #BE80FF · #66668B · #EFE3F3 · #CBB7BE

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

WorkspaceReadingData Visualization

Color Details Color Details

#C5C4EE

Wisteria · LightSteelBlue · Sky Blue

HEX
#C5C4EE
RGB
rgb(197, 196, 238)
HSL
hsl(241, 55%, 85%)
HSB
hsb(241, 18%, 93%)
CMYK
cmyk(17%, 18%, 0%, 7%)
Oklch
oklch(83.5% 0.058 286.2)

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

#BE80FF

Wisteria · Violet · Lilac Purple

HEX
#BE80FF
RGB
rgb(190, 128, 255)
HSL
hsl(269, 100%, 75%)
HSB
hsb(269, 50%, 100%)
CMYK
cmyk(25%, 50%, 0%, 0%)
Oklch
oklch(71.5% 0.186 304.7)

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

#66668B

Deep Indigo · SlateGray · Navy Blue

HEX
#66668B
RGB
rgb(102, 102, 139)
HSL
hsl(240, 15%, 47%)
HSB
hsb(240, 27%, 55%)
CMYK
cmyk(27%, 27%, 0%, 45%)
Oklch
oklch(52.5% 0.058 284.2)

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

#EFE3F3

Lilac · Lavender · Lavender

HEX
#EFE3F3
RGB
rgb(239, 227, 243)
HSL
hsl(285, 40%, 92%)
HSB
hsb(285, 7%, 95%)
CMYK
cmyk(2%, 7%, 0%, 5%)
Oklch
oklch(93.0% 0.025 317.7)

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

#CBB7BE

Rouge · Silver · Cherry Blossom

HEX
#CBB7BE
RGB
rgb(203, 183, 190)
HSL
hsl(339, 16%, 76%)
HSB
hsb(339, 10%, 80%)
CMYK
cmyk(0%, 10%, 6%, 20%)
Oklch
oklch(79.8% 0.025 354.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C5C4EE
EDEEC4

Analogous

C4D8EE
C5C4EE
D9C4EE

Triadic

C5C4EE
EEC4C4
C4EEC4

Split-Comp.

C5C4EE
EED9C4
D8EEC4

Tetradic

C5C4EE
EEC4D8
EDEEC4
C4EED9

Contrast Matrix WCAG 2.1 Contrast

C5C4EE
BE80FF
66668B
EFE3F3
CBB7BE
—
1.6
Fail
3.3
AA Large
1.4
Fail
1.1
Fail
1.6
Fail
—
2.0
Fail
2.2
Fail
1.4
Fail
3.3
AA Large
2.0
Fail
—
4.4
AA Large
2.9
Fail
1.4
Fail
2.2
Fail
4.4
AA Large
—
1.5
Fail
1.1
Fail
1.4
Fail
2.9
Fail
1.5
Fail
—
White BG
1.7Fail
2.7Fail
5.5AA
1.2Fail
1.9Fail
Black BG
12.5AAA
7.7AAA
3.8AA Large
17.0AAA
11.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C5C5E4
A3A3E0
666682
EAEAEF
C2C2BC

Deuteranopia

C5C5E1
A7ABD9
666680
EBEBEE
C4C5BC

Tritanopia

C5DCDA
BBC8C3
667B79
EEECEB
CABBBB

Achromatopsia

C9C9C9
A1A1A1
6A6A6A
E8E8E8
BEBEBE

Shades & Tints Shades & Tints

#C5C4EE

Dark
Light

#BE80FF

Dark
Light

#66668B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c5c4ee;
  --color-2: #be80ff;
  --color-3: #66668b;
  --color-4: #efe3f3;
  --color-5: #cbb7be;
}

SCSS

$color-1: #c5c4ee;
$color-2: #be80ff;
$color-3: #66668b;
$color-4: #efe3f3;
$color-5: #cbb7be;

TAILWIND

colors: {
  'brand-1': '#c5c4ee',
  'brand-2': '#be80ff',
  'brand-3': '#66668b',
  'brand-4': '#efe3f3',
  'brand-5': '#cbb7be',
}

RGB Array

[197, 196, 238], [190, 128, 255], [102, 102, 139], [239, 227, 243], [203, 183, 190]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C5C4EE, #BE80FF, #66668B, #EFE3F3, #CBB7BE 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: #c5c4ee; --color-2: #be80ff; --color-3: #66668b; --color-4: #efe3f3; --color-5: #cbb7be. 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