← Back to Editor

#C6EFCD · #E6F3C8 · #DABCA4 · #B3827B · #834B54

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

WorkspaceReadingData Visualization

Color Details Color Details

#C6EFCD

Emerald · LightGray · Mint Green

HEX
#C6EFCD
RGB
rgb(198, 239, 205)
HSL
hsl(130, 56%, 86%)
HSB
hsb(130, 17%, 94%)
CMYK
cmyk(17%, 0%, 14%, 6%)
Oklch
oklch(91.4% 0.063 150.0)

Traditional「Emerald」· Paint「Mint Green」· Creative Mint Breeze

#E6F3C8

Willow Green · Beige · Mint Green

HEX
#E6F3C8
RGB
rgb(230, 243, 200)
HSL
hsl(78, 64%, 87%)
HSB
hsb(78, 18%, 95%)
CMYK
cmyk(5%, 0%, 18%, 5%)
Oklch
oklch(94.3% 0.058 121.2)

Traditional「Willow Green」· Paint「Mint Green」· Creative Mint Breeze

#DABCA4

Apricot · Tan · Warm Sun

HEX
#DABCA4
RGB
rgb(218, 188, 164)
HSL
hsl(27, 42%, 75%)
HSB
hsb(27, 25%, 85%)
CMYK
cmyk(0%, 14%, 25%, 15%)
Oklch
oklch(81.5% 0.048 60.7)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#B3827B

Crimson · Gray · Passion Red

HEX
#B3827B
RGB
rgb(179, 130, 123)
HSL
hsl(7, 27%, 59%)
HSB
hsb(7, 31%, 70%)
CMYK
cmyk(0%, 27%, 31%, 30%)
Oklch
oklch(65.3% 0.062 28.0)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#834B54

Crimson · DimGray · Wine Red

HEX
#834B54
RGB
rgb(131, 75, 84)
HSL
hsl(350, 27%, 40%)
HSB
hsb(350, 43%, 51%)
CMYK
cmyk(0%, 43%, 36%, 49%)
Oklch
oklch(48.1% 0.077 10.0)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C6EFCD
EFC7E9

Analogous

D5EFC7
C6EFCD
C7EFE2

Triadic

C6EFCD
CEC7EF
EFCEC7

Split-Comp.

C6EFCD
E2C7EF
EFC7D5

Tetradic

C6EFCD
C7D5EF
EFC7E9
EFE2C7

Contrast Matrix WCAG 2.1 Contrast

C6EFCD
E6F3C8
DABCA4
B3827B
834B54
—
1.1
Fail
1.4
Fail
2.6
Fail
5.4
AA
1.1
Fail
—
1.5
Fail
2.8
Fail
5.8
AA
1.4
Fail
1.5
Fail
—
1.8
Fail
3.8
AA Large
2.6
Fail
2.8
Fail
1.8
Fail
—
2.1
Fail
5.4
AA
5.8
AA
3.8
AA Large
2.1
Fail
—
White BG
1.3Fail
1.2Fail
1.8Fail
3.3AA Large
6.8AA
Black BG
16.6AAA
18.0AAA
11.7AAA
6.4AA
3.1AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

D8D8D5
ECECD2
CDCDAA
9E9D7D
6B6A52

Deuteranopia

D5D2D7
EBEAD5
CFD1AB
A1A47D
6E7251

Tritanopia

C8DCDD
E7DBDC
D9AEAF
B17E7E
805050

Achromatopsia

DFDFDF
EAEAEA
C2C2C2
909090
5D5D5D

Shades & Tints Shades & Tints

#C6EFCD

Dark
Light

#E6F3C8

Dark
Light

#DABCA4

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c6efcd;
  --color-2: #e6f3c8;
  --color-3: #dabca4;
  --color-4: #b3827b;
  --color-5: #834b54;
}

SCSS

$color-1: #c6efcd;
$color-2: #e6f3c8;
$color-3: #dabca4;
$color-4: #b3827b;
$color-5: #834b54;

TAILWIND

colors: {
  'brand-1': '#c6efcd',
  'brand-2': '#e6f3c8',
  'brand-3': '#dabca4',
  'brand-4': '#b3827b',
  'brand-5': '#834b54',
}

RGB Array

[198, 239, 205], [230, 243, 200], [218, 188, 164], [179, 130, 123], [131, 75, 84]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C6EFCD, #E6F3C8, #DABCA4, #B3827B, #834B54 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: #c6efcd; --color-2: #e6f3c8; --color-3: #dabca4; --color-4: #b3827b; --color-5: #834b54. 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