← Back to Editor

#B6D9CB · #EDCBC0 · #FFB8A1 · #CC795E · #6E646A

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

#B6D9CB

Jade · LightBlue · Apple Green

HEX
#B6D9CB
RGB
rgb(182, 217, 203)
HSL
hsl(156, 32%, 78%)
HSB
hsb(156, 16%, 85%)
CMYK
cmyk(16%, 0%, 6%, 15%)
Oklch
oklch(85.6% 0.042 169.2)

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

#EDCBC0

Apricot · Pink · Peach Orange

HEX
#EDCBC0
RGB
rgb(237, 203, 192)
HSL
hsl(15, 56%, 84%)
HSB
hsb(15, 19%, 93%)
CMYK
cmyk(0%, 14%, 19%, 7%)
Oklch
oklch(86.8% 0.041 38.7)

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

#FFB8A1

Apricot · LightPink · Peach Orange

HEX
#FFB8A1
RGB
rgb(255, 184, 161)
HSL
hsl(15, 100%, 82%)
HSB
hsb(15, 37%, 100%)
CMYK
cmyk(0%, 28%, 37%, 0%)
Oklch
oklch(84.3% 0.089 38.7)

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

#CC795E

Tangerine · DarkSalmon · Warm Sun

HEX
#CC795E
RGB
rgb(204, 121, 94)
HSL
hsl(15, 52%, 58%)
HSB
hsb(15, 54%, 80%)
CMYK
cmyk(0%, 41%, 54%, 20%)
Oklch
oklch(66.0% 0.111 38.8)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#6E646A

Ink Gray · DimGray · Warm Gray

HEX
#6E646A
RGB
rgb(110, 100, 106)
HSL
hsl(324, 5%, 41%)
HSB
hsb(324, 9%, 43%)
CMYK
cmyk(0%, 9%, 4%, 57%)
Oklch
oklch(51.5% 0.016 340.9)

Traditional「Ink Gray」· Paint「Warm Gray」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B6D9CB
D9B5C3

Analogous

B5D9B9
B6D9CB
B5D5D9

Triadic

B6D9CB
CAB5D9
D9CAB5

Split-Comp.

B6D9CB
D9B5D5
D9B9B5

Tetradic

B6D9CB
B9B5D9
D9B5C3
D5D9B5

Contrast Matrix WCAG 2.1 Contrast

B6D9CB
EDCBC0
FFB8A1
CC795E
6E646A
—
1.0
Fail
1.1
Fail
2.1
Fail
3.7
AA Large
1.0
Fail
—
1.1
Fail
2.2
Fail
3.8
AA Large
1.1
Fail
1.1
Fail
—
2.0
Fail
3.4
AA Large
2.1
Fail
2.2
Fail
2.0
Fail
—
1.7
Fail
3.7
AA Large
3.8
AA Large
3.4
AA Large
1.7
Fail
—
White BG
1.5Fail
1.5Fail
1.7Fail
3.2AA Large
5.7AA
Black BG
13.8AAA
13.9AAA
12.6AAA
6.5AA
3.7AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

C5C5CE
DEDEC3
E0E0A7
A8A765
6A6A69

Deuteranopia

C3C1CF
E0E3C3
E4EAA8
ADB366
6A6B68

Tritanopia

B8D1D2
EBC5C5
FBABAC
C86A6B
6E6767

Achromatopsia

CDCDCD
D4D4D4
CBCBCB
8F8F8F
686868

Shades & Tints Shades & Tints

#B6D9CB

Dark
Light

#EDCBC0

Dark
Light

#FFB8A1

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b6d9cb;
  --color-2: #edcbc0;
  --color-3: #ffb8a1;
  --color-4: #cc795e;
  --color-5: #6e646a;
}

SCSS

$color-1: #b6d9cb;
$color-2: #edcbc0;
$color-3: #ffb8a1;
$color-4: #cc795e;
$color-5: #6e646a;

TAILWIND

colors: {
  'brand-1': '#b6d9cb',
  'brand-2': '#edcbc0',
  'brand-3': '#ffb8a1',
  'brand-4': '#cc795e',
  'brand-5': '#6e646a',
}

RGB Array

[182, 217, 203], [237, 203, 192], [255, 184, 161], [204, 121, 94], [110, 100, 106]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B6D9CB, #EDCBC0, #FFB8A1, #CC795E, #6E646A 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: #b6d9cb; --color-2: #edcbc0; --color-3: #ffb8a1; --color-4: #cc795e; --color-5: #6e646a. 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