← Back to Editor

#E7C0B1 · #CFBEB9 · #B2B4B7 · #BD99AD · #CA6F98

summer

A 5-color summer 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

#E7C0B1

Apricot · LightPink · Peach Orange

HEX
#E7C0B1
RGB
rgb(231, 192, 177)
HSL
hsl(17, 53%, 80%)
HSB
hsb(17, 23%, 91%)
CMYK
cmyk(0%, 17%, 23%, 9%)
Oklch
oklch(83.8% 0.049 42.1)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#CFBEB9

Peach Pink · Silver · Coral Red

HEX
#CFBEB9
RGB
rgb(207, 190, 185)
HSL
hsl(14, 19%, 77%)
HSB
hsb(14, 11%, 81%)
CMYK
cmyk(0%, 8%, 11%, 19%)
Oklch
oklch(81.4% 0.021 37.0)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#B2B4B7

Silver Gray · DarkGray · Pearl Gray

HEX
#B2B4B7
RGB
rgb(178, 180, 183)
HSL
hsl(216, 3%, 71%)
HSB
hsb(216, 3%, 72%)
CMYK
cmyk(3%, 2%, 0%, 28%)
Oklch
oklch(76.9% 0.005 258.3)

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

#BD99AD

Mauve · DarkGray · Rose Pink

HEX
#BD99AD
RGB
rgb(189, 153, 173)
HSL
hsl(327, 21%, 67%)
HSB
hsb(327, 19%, 74%)
CMYK
cmyk(0%, 19%, 8%, 26%)
Oklch
oklch(72.2% 0.051 344.0)

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

#CA6F98

Rouge · LightCoral · Rose Pink

HEX
#CA6F98
RGB
rgb(202, 111, 152)
HSL
hsl(333, 46%, 61%)
HSB
hsb(333, 45%, 79%)
CMYK
cmyk(0%, 45%, 25%, 21%)
Oklch
oklch(65.6% 0.124 352.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E7C0B1
B1D8E7

Analogous

E7B1BD
E7C0B1
E7DBB1

Triadic

E7C0B1
B1E7C0
C0B1E7

Split-Comp.

E7C0B1
B1E7DB
B1BDE7

Tetradic

E7C0B1
BDE7B1
B1D8E7
DBB1E7

Contrast Matrix WCAG 2.1 Contrast

E7C0B1
CFBEB9
B2B4B7
BD99AD
CA6F98
—
1.1
Fail
1.2
Fail
1.5
Fail
2.0
Fail
1.1
Fail
—
1.2
Fail
1.4
Fail
1.9
Fail
1.2
Fail
1.2
Fail
—
1.2
Fail
1.6
Fail
1.5
Fail
1.4
Fail
1.2
Fail
—
1.3
Fail
2.0
Fail
1.9
Fail
1.6
Fail
1.3
Fail
—
White BG
1.7Fail
1.8Fail
2.1Fail
2.5Fail
3.4AA Large
Black BG
12.6AAA
11.7AAA
10.1AAA
8.3AAA
6.2AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D6D6B5
C8C7BA
B3B3B6
ADADA8
A3A28E

Deuteranopia

D8DBB6
C9CABB
B3B3B6
B0B2A7
A8AF8C

Tritanopia

E5B7B8
CEBBBB
B2B6B6
BBA4A4
C58685

Achromatopsia

CACACA
C3C3C3
B4B4B4
A6A6A6
8F8F8F

Shades & Tints Shades & Tints

#E7C0B1

Dark
Light

#CFBEB9

Dark
Light

#B2B4B7

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e7c0b1;
  --color-2: #cfbeb9;
  --color-3: #b2b4b7;
  --color-4: #bd99ad;
  --color-5: #ca6f98;
}

SCSS

$color-1: #e7c0b1;
$color-2: #cfbeb9;
$color-3: #b2b4b7;
$color-4: #bd99ad;
$color-5: #ca6f98;

TAILWIND

colors: {
  'brand-1': '#e7c0b1',
  'brand-2': '#cfbeb9',
  'brand-3': '#b2b4b7',
  'brand-4': '#bd99ad',
  'brand-5': '#ca6f98',
}

RGB Array

[231, 192, 177], [207, 190, 185], [178, 180, 183], [189, 153, 173], [202, 111, 152]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This summer-style palette of #E7C0B1, #CFBEB9, #B2B4B7, #BD99AD, #CA6F98 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: #e7c0b1; --color-2: #cfbeb9; --color-3: #b2b4b7; --color-4: #bd99ad; --color-5: #ca6f98. 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 summer-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