#DBA2CC + #CFB6BA + #BCD1C9 + #A9EBD2 + #CADBD6 · space - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#DBA2CC

Mauve · Silver · Lilac Purple

HEX

#DBA2CC

RGB

rgb(219, 162, 204)

HSL

hsl(316, 44%, 75%)

HSB

hsb(316, 26%, 86%)

CMYK

cmyk(0%, 26%, 7%, 14%)

Oklch

oklch(77.9% 0.087 336.2)

Traditional「Mauve」· Paint「Lilac Purple」· Creative Rose Petal

#CFB6BA

Peach Pink · Silver · Coral Red

HEX

#CFB6BA

RGB

rgb(207, 182, 186)

HSL

hsl(350, 21%, 76%)

HSB

hsb(350, 12%, 81%)

CMYK

cmyk(0%, 12%, 10%, 19%)

Oklch

oklch(79.9% 0.029 6.8)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#BCD1C9

Jade · Silver · Apple Green

HEX

#BCD1C9

RGB

rgb(188, 209, 201)

HSL

hsl(157, 19%, 78%)

HSB

hsb(157, 10%, 82%)

CMYK

cmyk(10%, 0%, 4%, 18%)

Oklch

oklch(84.3% 0.025 170.8)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#A9EBD2

Jade · LightBlue · Apple Green

HEX

#A9EBD2

RGB

rgb(169, 235, 210)

HSL

hsl(157, 62%, 79%)

HSB

hsb(157, 28%, 92%)

CMYK

cmyk(28%, 0%, 11%, 8%)

Oklch

oklch(88.9% 0.075 169.1)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#CADBD6

Jade · LightGray · Glacier Blue

HEX

#CADBD6

RGB

rgb(202, 219, 214)

HSL

hsl(162, 19%, 83%)

HSB

hsb(162, 8%, 86%)

CMYK

cmyk(8%, 0%, 2%, 14%)

Oklch

oklch(87.7% 0.019 176.4)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DBA2CC

A3DBB2

Analogous

CEA3DB

DBA2CC

DBA3B0

Triadic

DBA2CC

CCDBA3

A3CCDB

Split-Comp.

DBA2CC

B0DBA3

A3DBCE

Tetradic

DBA2CC

DBCEA3

A3DBB2

A3B0DB

Contrast Matrix WCAG 2.1 Contrast

DBA2CC	CFB6BA	BCD1C9	A9EBD2	CADBD6
—	1.1 Fail	1.3 Fail	1.5 Fail	1.5 Fail
1.1 Fail	—	1.2 Fail	1.4 Fail	1.3 Fail
1.3 Fail	1.2 Fail	—	1.2 Fail	1.1 Fail
1.5 Fail	1.4 Fail	1.2 Fail	—	1.1 Fail
1.5 Fail	1.3 Fail	1.1 Fail	1.1 Fail	—

White BG

2.1Fail

1.9Fail

1.6Fail

1.4Fail

Black BG

10.1AAA

11.1AAA

13.1AAA

15.5AAA

14.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C2C2C2

C4C4B9

C5C5CB

C6C6D8

D1D2D7

Deuteranopia

C6CABF

C6C7B9

C4C2CB

C2BDDA

D0CFD8

Tritanopia

D8BAB8

CEB8B8

BDCCCD

ACDDDE

CBD8D8

Achromatopsia

B8B8B8

BEBEBE

CACACA

D4D4D4

D5D5D5

Shades & Tints Shades & Tints

#DBA2CC

Dark

Light

#CFB6BA

Dark

Light

#BCD1C9

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dba2cc;
  --color-2: #cfb6ba;
  --color-3: #bcd1c9;
  --color-4: #a9ebd2;
  --color-5: #cadbd6;
}

SCSS

$color-1: #dba2cc;
$color-2: #cfb6ba;
$color-3: #bcd1c9;
$color-4: #a9ebd2;
$color-5: #cadbd6;

TAILWIND

colors: {
  'brand-1': '#dba2cc',
  'brand-2': '#cfb6ba',
  'brand-3': '#bcd1c9',
  'brand-4': '#a9ebd2',
  'brand-5': '#cadbd6',
}

RGB Array

[219, 162, 204], [207, 182, 186], [188, 209, 201], [169, 235, 210], [202, 219, 214]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #DBA2CC, #CFB6BA, #BCD1C9, #A9EBD2, #CADBD6 is ideal for: health products, baby brands, fresh-style blogs. 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: #dba2cc; --color-2: #cfb6ba; --color-3: #bcd1c9; --color-4: #a9ebd2; --color-5: #cadbd6. 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 space-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