← Back to Editor

#D5CBFF · #CDD6F3 · #AC99C6 · #35153A · #270C37

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#D5CBFF

Wisteria · Lavender · Sky Blue

HEX
#D5CBFF
RGB
rgb(213, 203, 255)
HSL
hsl(252, 100%, 90%)
HSB
hsb(252, 20%, 100%)
CMYK
cmyk(16%, 20%, 0%, 0%)
Oklch
oklch(86.7% 0.072 293.7)

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

#CDD6F3

Azure · Lavender · Sky Blue

HEX
#CDD6F3
RGB
rgb(205, 214, 243)
HSL
hsl(226, 61%, 88%)
HSB
hsb(226, 16%, 95%)
CMYK
cmyk(16%, 12%, 0%, 5%)
Oklch
oklch(87.8% 0.041 271.9)

Traditional「Azure」· Paint「Sky Blue」· Creative Twilight Haze

#AC99C6

Wisteria · DarkGray · Lilac Purple

HEX
#AC99C6
RGB
rgb(172, 153, 198)
HSL
hsl(265, 28%, 69%)
HSB
hsb(265, 23%, 78%)
CMYK
cmyk(13%, 23%, 0%, 22%)
Oklch
oklch(71.5% 0.068 304.0)

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

#35153A

Dark Plum · MidnightBlue · Dark Purple

HEX
#35153A
RGB
rgb(53, 21, 58)
HSL
hsl(292, 47%, 15%)
HSB
hsb(292, 64%, 23%)
CMYK
cmyk(9%, 64%, 0%, 77%)
Oklch
oklch(26.1% 0.077 322.1)

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

#270C37

Royal Purple · MidnightBlue · Dark Purple

HEX
#270C37
RGB
rgb(39, 12, 55)
HSL
hsl(278, 64%, 13%)
HSB
hsb(278, 78%, 22%)
CMYK
cmyk(29%, 78%, 0%, 78%)
Oklch
oklch(22.3% 0.082 310.2)

Traditional「Royal Purple」· Paint「Dark Purple」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D5CBFF
F5FFCC

Analogous

CCDBFF
D5CBFF
F0CCFF

Triadic

D5CBFF
FFD6CC
CCFFD6

Split-Comp.

D5CBFF
FFF0CC
DBFFCC

Tetradic

D5CBFF
FFCCDB
F5FFCC
CCFFF0

Contrast Matrix WCAG 2.1 Contrast

D5CBFF
CDD6F3
AC99C6
35153A
270C37
—
1.1
Fail
1.7
Fail
10.5
AAA
11.6
AAA
1.1
Fail
—
1.8
Fail
11.0
AAA
12.2
AAA
1.7
Fail
1.8
Fail
—
6.2
AA
6.8
AA
10.5
AAA
11.0
AAA
6.2
AA
—
1.1
Fail
11.6
AAA
12.2
AAA
6.8
AA
1.1
Fail
—
White BG
1.5Fail
1.4Fail
2.6Fail
15.9AAA
17.6AAA
Black BG
13.8AAA
14.5AAA
8.1AAA
1.3Fail
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D1D1F2
D1D1EC
A4A4BB
272731
1B1B2D

Deuteranopia

D1D2EF
D0D0EA
A5A6B9
292B2F
1D1F2A

Tritanopia

D5E8E6
CDE6E5
ABB3B1
332A28
262423

Achromatopsia

D4D4D4
D7D7D7
A4A4A4
232323
191919

Shades & Tints Shades & Tints

#D5CBFF

Dark
Light

#CDD6F3

Dark
Light

#AC99C6

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d5cbff;
  --color-2: #cdd6f3;
  --color-3: #ac99c6;
  --color-4: #35153a;
  --color-5: #270c37;
}

SCSS

$color-1: #d5cbff;
$color-2: #cdd6f3;
$color-3: #ac99c6;
$color-4: #35153a;
$color-5: #270c37;

TAILWIND

colors: {
  'brand-1': '#d5cbff',
  'brand-2': '#cdd6f3',
  'brand-3': '#ac99c6',
  'brand-4': '#35153a',
  'brand-5': '#270c37',
}

RGB Array

[213, 203, 255], [205, 214, 243], [172, 153, 198], [53, 21, 58], [39, 12, 55]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D5CBFF, #CDD6F3, #AC99C6, #35153A, #270C37 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: #d5cbff; --color-2: #cdd6f3; --color-3: #ac99c6; --color-4: #35153a; --color-5: #270c37. 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