← Back to Editor

#C2D9B4 · #D0BDDB · #BA85DA · #AC26FF · #201526

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

#C2D9B4

Celadon · Silver · Apple Green

HEX
#C2D9B4
RGB
rgb(194, 217, 180)
HSL
hsl(97, 33%, 78%)
HSB
hsb(97, 17%, 85%)
CMYK
cmyk(11%, 0%, 17%, 15%)
Oklch
oklch(85.8% 0.056 133.6)

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

#D0BDDB

Lilac · LightGray · Lilac Purple

HEX
#D0BDDB
RGB
rgb(208, 189, 219)
HSL
hsl(278, 29%, 80%)
HSB
hsb(278, 14%, 86%)
CMYK
cmyk(5%, 14%, 0%, 14%)
Oklch
oklch(82.4% 0.046 313.3)

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

#BA85DA

Lilac · Orchid · Lilac Purple

HEX
#BA85DA
RGB
rgb(186, 133, 218)
HSL
hsl(277, 53%, 69%)
HSB
hsb(277, 39%, 85%)
CMYK
cmyk(15%, 39%, 0%, 15%)
Oklch
oklch(70.0% 0.133 311.9)

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

#AC26FF

Royal Purple · DarkOrchid · Violet

HEX
#AC26FF
RGB
rgb(172, 38, 255)
HSL
hsl(277, 100%, 57%)
HSB
hsb(277, 85%, 100%)
CMYK
cmyk(33%, 85%, 0%, 0%)
Oklch
oklch(59.6% 0.285 306.8)

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

#201526

Dark Plum · Black · Dark Purple

HEX
#201526
RGB
rgb(32, 21, 38)
HSL
hsl(279, 29%, 12%)
HSB
hsb(279, 45%, 15%)
CMYK
cmyk(16%, 45%, 0%, 85%)
Oklch
oklch(21.8% 0.036 313.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C2D9B4
CBB4D9

Analogous

D5D9B4
C2D9B4
B4D9B9

Triadic

C2D9B4
B4C3D9
D9B4C3

Split-Comp.

C2D9B4
B9B4D9
D9B4D5

Tetradic

C2D9B4
B4D5D9
CBB4D9
D9B9B4

Contrast Matrix WCAG 2.1 Contrast

C2D9B4
D0BDDB
BA85DA
AC26FF
201526
—
1.2
Fail
1.9
Fail
3.1
AA Large
11.6
AAA
1.2
Fail
—
1.6
Fail
2.7
Fail
10.0
AAA
1.9
Fail
1.6
Fail
—
1.7
Fail
6.2
AA
3.1
AA Large
2.7
Fail
1.7
Fail
—
3.7
AA Large
11.6
AAA
10.0
AAA
6.2
AA
3.7
AA Large
—
White BG
1.5Fail
1.8Fail
2.8Fail
4.7AA
17.5AAA
Black BG
13.9AAA
12.0AAA
7.5AAA
4.5AA Large
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

CCCCBD
C8C8D4
A3A3C5
7271CA
1B1B22

Deuteranopia

CBC9BF
C9CAD2
A6AAC1
7A84BE
1C1D21

Tritanopia

C3C4C6
CFCECD
B7B5B2
A5A198
1F1F1E

Achromatopsia

CECECE
C6C6C6
9F9F9F
676767
1A1A1A

Shades & Tints Shades & Tints

#C2D9B4

Dark
Light

#D0BDDB

Dark
Light

#BA85DA

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c2d9b4;
  --color-2: #d0bddb;
  --color-3: #ba85da;
  --color-4: #ac26ff;
  --color-5: #201526;
}

SCSS

$color-1: #c2d9b4;
$color-2: #d0bddb;
$color-3: #ba85da;
$color-4: #ac26ff;
$color-5: #201526;

TAILWIND

colors: {
  'brand-1': '#c2d9b4',
  'brand-2': '#d0bddb',
  'brand-3': '#ba85da',
  'brand-4': '#ac26ff',
  'brand-5': '#201526',
}

RGB Array

[194, 217, 180], [208, 189, 219], [186, 133, 218], [172, 38, 255], [32, 21, 38]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C2D9B4, #D0BDDB, #BA85DA, #AC26FF, #201526 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: #c2d9b4; --color-2: #d0bddb; --color-3: #ba85da; --color-4: #ac26ff; --color-5: #201526. 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