← Back to Editor

#C2BABC · #BB999A · #EB9DE2 · #EDCEEB · #FCEBFF

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#C2BABC

Silver Gray · Silver · Pearl Gray

HEX
#C2BABC
RGB
rgb(194, 186, 188)
HSL
hsl(345, 6%, 75%)
HSB
hsb(345, 4%, 76%)
CMYK
cmyk(0%, 4%, 3%, 24%)
Oklch
oklch(79.6% 0.009 0.2)

Traditional「Silver Gray」· Paint「Pearl Gray」· Creative Silver Lining

#BB999A

Peach Pink · DarkGray · Coral Red

HEX
#BB999A
RGB
rgb(187, 153, 154)
HSL
hsl(358, 20%, 67%)
HSB
hsb(358, 18%, 73%)
CMYK
cmyk(0%, 18%, 18%, 27%)
Oklch
oklch(71.4% 0.041 16.2)

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

#EB9DE2

Mauve · Violet · Lilac Purple

HEX
#EB9DE2
RGB
rgb(235, 157, 226)
HSL
hsl(307, 66%, 77%)
HSB
hsb(307, 33%, 92%)
CMYK
cmyk(0%, 33%, 4%, 8%)
Oklch
oklch(79.5% 0.128 330.8)

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

#EDCEEB

Mauve · Lavender · Lavender

HEX
#EDCEEB
RGB
rgb(237, 206, 235)
HSL
hsl(304, 46%, 87%)
HSB
hsb(304, 13%, 93%)
CMYK
cmyk(0%, 13%, 1%, 7%)
Oklch
oklch(88.6% 0.052 328.0)

Traditional「Mauve」· Paint「Lavender」· Creative Rose Petal

#FCEBFF

Lilac · Snow · Lavender

HEX
#FCEBFF
RGB
rgb(252, 235, 255)
HSL
hsl(291, 100%, 96%)
HSB
hsb(291, 8%, 100%)
CMYK
cmyk(1%, 8%, 0%, 0%)
Oklch
oklch(95.9% 0.032 321.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C2BABC
BBC3C1

Analogous

C3BBC1
C2BABC
C3BDBB

Triadic

C2BABC
BDC3BB
BBBDC3

Split-Comp.

C2BABC
BBC3BD
BBC1C3

Tetradic

C2BABC
C1C3BB
BBC3C1
BDBBC3

Contrast Matrix WCAG 2.1 Contrast

C2BABC
BB999A
EB9DE2
EDCEEB
FCEBFF
—
1.4
Fail
1.1
Fail
1.3
Fail
1.7
Fail
1.4
Fail
—
1.3
Fail
1.8
Fail
2.3
Fail
1.1
Fail
1.3
Fail
—
1.4
Fail
1.8
Fail
1.3
Fail
1.8
Fail
1.4
Fail
—
1.3
Fail
1.7
Fail
2.3
Fail
1.8
Fail
1.3
Fail
—
White BG
1.9Fail
2.6Fail
2.0Fail
1.4Fail
1.1Fail
Black BG
11.0AAA
8.1AAA
10.5AAA
14.6AAA
18.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BFBEBC
ACAC9A
C9C9D1
E0DFE4
F5F4FA

Deuteranopia

BFC0BB
AEB19A
CED4CD
E1E4E2
F6F7F9

Tritanopia

C2BBBB
B99A9A
E7C4C1
EBDEDD
FBF6F6

Achromatopsia

BDBDBD
A3A3A3
BCBCBC
DBDBDB
F2F2F2

Shades & Tints Shades & Tints

#C2BABC

Dark
Light

#BB999A

Dark
Light

#EB9DE2

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c2babc;
  --color-2: #bb999a;
  --color-3: #eb9de2;
  --color-4: #edceeb;
  --color-5: #fcebff;
}

SCSS

$color-1: #c2babc;
$color-2: #bb999a;
$color-3: #eb9de2;
$color-4: #edceeb;
$color-5: #fcebff;

TAILWIND

colors: {
  'brand-1': '#c2babc',
  'brand-2': '#bb999a',
  'brand-3': '#eb9de2',
  'brand-4': '#edceeb',
  'brand-5': '#fcebff',
}

RGB Array

[194, 186, 188], [187, 153, 154], [235, 157, 226], [237, 206, 235], [252, 235, 255]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C2BABC, #BB999A, #EB9DE2, #EDCEEB, #FCEBFF 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: #c2babc; --color-2: #bb999a; --color-3: #eb9de2; --color-4: #edceeb; --color-5: #fcebff. 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 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