← Back to Editor

#BCCECE · #AFBAB6 · #B8A5A7 · #CB839B · #E05692

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

WorkspaceReading

Color Details Color Details

#BCCECE

Sky Blue · Silver · Glacier Blue

HEX
#BCCECE
RGB
rgb(188, 206, 206)
HSL
hsl(180, 16%, 77%)
HSB
hsb(180, 9%, 81%)
CMYK
cmyk(9%, 0%, 0%, 19%)
Oklch
oklch(83.8% 0.020 196.8)

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

#AFBAB6

Silver Gray · Silver · Pearl Gray

HEX
#AFBAB6
RGB
rgb(175, 186, 182)
HSL
hsl(158, 7%, 71%)
HSB
hsb(158, 6%, 73%)
CMYK
cmyk(6%, 0%, 2%, 27%)
Oklch
oklch(77.9% 0.013 172.2)

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

#B8A5A7

Peach Pink · DarkGray · Coral Red

HEX
#B8A5A7
RGB
rgb(184, 165, 167)
HSL
hsl(354, 12%, 68%)
HSB
hsb(354, 10%, 72%)
CMYK
cmyk(0%, 10%, 9%, 28%)
Oklch
oklch(73.9% 0.022 10.4)

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

#CB839B

Rouge · LightCoral · Rose Pink

HEX
#CB839B
RGB
rgb(203, 131, 155)
HSL
hsl(340, 41%, 65%)
HSB
hsb(340, 35%, 80%)
CMYK
cmyk(0%, 35%, 24%, 20%)
Oklch
oklch(69.1% 0.093 358.3)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#E05692

Rouge · LightCoral · Rose Pink

HEX
#E05692
RGB
rgb(224, 86, 146)
HSL
hsl(334, 69%, 61%)
HSB
hsb(334, 62%, 88%)
CMYK
cmyk(0%, 62%, 35%, 12%)
Oklch
oklch(65.0% 0.181 356.4)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BCCECE
CEBBBB

Analogous

BBCEC4
BCCECE
BBC4CE

Triadic

BCCECE
CEBBCE
CECEBB

Split-Comp.

BCCECE
CEBBC4
CEC4BB

Tetradic

BCCECE
C4BBCE
CEBBBB
C4CEBB

Contrast Matrix WCAG 2.1 Contrast

BCCECE
AFBAB6
B8A5A7
CB839B
E05692
—
1.2
Fail
1.4
Fail
1.8
Fail
2.2
Fail
1.2
Fail
—
1.2
Fail
1.4
Fail
1.8
Fail
1.4
Fail
1.2
Fail
—
1.2
Fail
1.5
Fail
1.8
Fail
1.4
Fail
1.2
Fail
—
1.2
Fail
2.2
Fail
1.8
Fail
1.5
Fail
1.2
Fail
—
White BG
1.6Fail
2.0Fail
2.3Fail
2.9Fail
3.5AA Large
Black BG
12.9AAA
10.5AAA
9.0AAA
7.3AAA
5.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C4C4CE
B4B4B7
B0B0A7
ACAB95
A4A383

Deuteranopia

C3C1CE
B3B2B7
B1B2A6
B0B594
ACB780

Tritanopia

BDCECE
B0B8B8
B7A6A6
C79190
D97876

Achromatopsia

C9C9C9
B6B6B6
ABABAB
9B9B9B
868686

Shades & Tints Shades & Tints

#BCCECE

Dark
Light

#AFBAB6

Dark
Light

#B8A5A7

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bccece;
  --color-2: #afbab6;
  --color-3: #b8a5a7;
  --color-4: #cb839b;
  --color-5: #e05692;
}

SCSS

$color-1: #bccece;
$color-2: #afbab6;
$color-3: #b8a5a7;
$color-4: #cb839b;
$color-5: #e05692;

TAILWIND

colors: {
  'brand-1': '#bccece',
  'brand-2': '#afbab6',
  'brand-3': '#b8a5a7',
  'brand-4': '#cb839b',
  'brand-5': '#e05692',
}

RGB Array

[188, 206, 206], [175, 186, 182], [184, 165, 167], [203, 131, 155], [224, 86, 146]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BCCECE, #AFBAB6, #B8A5A7, #CB839B, #E05692 is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #bccece; --color-2: #afbab6; --color-3: #b8a5a7; --color-4: #cb839b; --color-5: #e05692. 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 beauty, lifestyle, arts industries. Restrained colors convey professionalism and trust. 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