← Back to Editor

#B6CFD3 · #EBEBE9 · #FFCEDA · #E56178 · #6E4937

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

WorkspaceReadingData Visualization

Color Details Color Details

#B6CFD3

Sky Blue · LightSteelBlue · Glacier Blue

HEX
#B6CFD3
RGB
rgb(182, 207, 211)
HSL
hsl(188, 25%, 77%)
HSB
hsb(188, 14%, 83%)
CMYK
cmyk(14%, 2%, 0%, 17%)
Oklch
oklch(83.7% 0.027 208.3)

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

#EBEBE9

Plain White · Linen · Cloud White

HEX
#EBEBE9
RGB
rgb(235, 235, 233)
HSL
hsl(60, 5%, 92%)
HSB
hsb(60, 1%, 92%)
CMYK
cmyk(0%, 0%, 1%, 8%)
Oklch
oklch(94.0% 0.003 106.5)

Traditional「Plain White」· Paint「Cloud White」· Creative Morning Mist

#FFCEDA

Peach Pink · Pink · Cherry Blossom

HEX
#FFCEDA
RGB
rgb(255, 206, 218)
HSL
hsl(345, 100%, 90%)
HSB
hsb(345, 19%, 100%)
CMYK
cmyk(0%, 19%, 15%, 0%)
Oklch
oklch(89.7% 0.057 1.9)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

#E56178

Peach Pink · LightCoral · Coral Red

HEX
#E56178
RGB
rgb(229, 97, 120)
HSL
hsl(350, 72%, 64%)
HSB
hsb(350, 58%, 90%)
CMYK
cmyk(0%, 58%, 48%, 10%)
Oklch
oklch(66.4% 0.165 12.1)

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

#6E4937

Tangerine · DarkOliveGreen · Amber Brown

HEX
#6E4937
RGB
rgb(110, 73, 55)
HSL
hsl(20, 33%, 32%)
HSB
hsb(20, 50%, 43%)
CMYK
cmyk(0%, 34%, 50%, 57%)
Oklch
oklch(44.2% 0.058 46.7)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B6CFD3
D3BAB6

Analogous

B6D3C8
B6CFD3
B6C0D3

Triadic

B6CFD3
D3B6CF
CFD3B6

Split-Comp.

B6CFD3
D3B6C0
D3C8B6

Tetradic

B6CFD3
C8B6D3
D3BAB6
C0D3B6

Contrast Matrix WCAG 2.1 Contrast

B6CFD3
EBEBE9
FFCEDA
E56178
6E4937
—
1.4
Fail
1.2
Fail
2.0
Fail
4.8
AA
1.4
Fail
—
1.2
Fail
2.8
Fail
6.6
AA
1.2
Fail
1.2
Fail
—
2.4
Fail
5.7
AA
2.0
Fail
2.8
Fail
2.4
Fail
—
2.4
Fail
4.8
AA
6.6
AA
5.7
AA
2.4
Fail
—
White BG
1.6Fail
1.2Fail
1.4Fail
3.3AA Large
7.9AAA
Black BG
12.9AAA
17.6AAA
15.1AAA
6.3AA
2.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C1C1D2
EBEBE9
EAE9D7
ACAB72
5E5E3B

Deuteranopia

BFBED2
EBEBEA
EDF0D6
B4BD71
60633C

Tritanopia

B7D1D1
EBEAEA
FDD5D4
DE6E6D
6C3F40

Achromatopsia

C8C8C8
EBEBEB
DEDEDE
8B8B8B
525252

Shades & Tints Shades & Tints

#B6CFD3

Dark
Light

#EBEBE9

Dark
Light

#FFCEDA

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b6cfd3;
  --color-2: #ebebe9;
  --color-3: #ffceda;
  --color-4: #e56178;
  --color-5: #6e4937;
}

SCSS

$color-1: #b6cfd3;
$color-2: #ebebe9;
$color-3: #ffceda;
$color-4: #e56178;
$color-5: #6e4937;

TAILWIND

colors: {
  'brand-1': '#b6cfd3',
  'brand-2': '#ebebe9',
  'brand-3': '#ffceda',
  'brand-4': '#e56178',
  'brand-5': '#6e4937',
}

RGB Array

[182, 207, 211], [235, 235, 233], [255, 206, 218], [229, 97, 120], [110, 73, 55]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B6CFD3, #EBEBE9, #FFCEDA, #E56178, #6E4937 is ideal for: health products, baby brands, fresh-style blogs, 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: #b6cfd3; --color-2: #ebebe9; --color-3: #ffceda; --color-4: #e56178; --color-5: #6e4937. 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. 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