← Back to Editor

#D6C5B3 · #A3C39E · #EB2C7C · #CD3A80 · #313D39

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#D6C5B3

Goose Yellow · Silver · Peach Orange

HEX
#D6C5B3
RGB
rgb(214, 197, 179)
HSL
hsl(31, 30%, 77%)
HSB
hsb(31, 16%, 84%)
CMYK
cmyk(0%, 8%, 16%, 16%)
Oklch
oklch(83.3% 0.031 69.0)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#A3C39E

Celadon · DarkSeaGreen · Apple Green

HEX
#A3C39E
RGB
rgb(163, 195, 158)
HSL
hsl(112, 24%, 69%)
HSB
hsb(112, 19%, 76%)
CMYK
cmyk(16%, 0%, 19%, 24%)
Oklch
oklch(78.3% 0.062 141.3)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#EB2C7C

Dark Violet · DeepPink · Rose Pink

HEX
#EB2C7C
RGB
rgb(235, 44, 124)
HSL
hsl(335, 83%, 55%)
HSB
hsb(335, 81%, 92%)
CMYK
cmyk(0%, 81%, 47%, 8%)
Oklch
oklch(62.3% 0.228 2.2)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#CD3A80

Dark Violet · MediumVioletRed · Rose Pink

HEX
#CD3A80
RGB
rgb(205, 58, 128)
HSL
hsl(331, 60%, 52%)
HSB
hsb(331, 72%, 80%)
CMYK
cmyk(0%, 72%, 38%, 20%)
Oklch
oklch(58.5% 0.193 355.8)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#313D39

Mineral Blue · DarkSlateGray · Peacock Green

HEX
#313D39
RGB
rgb(49, 61, 57)
HSL
hsl(160, 11%, 22%)
HSB
hsb(160, 20%, 24%)
CMYK
cmyk(20%, 0%, 7%, 76%)
Oklch
oklch(34.8% 0.017 173.1)

Traditional「Mineral Blue」· Paint「Peacock Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D6C5B3
B3C4D6

Analogous

D6B3B3
D6C5B3
D5D6B3

Triadic

D6C5B3
B3D6C5
C5B3D6

Split-Comp.

D6C5B3
B3D5D6
B3B3D6

Tetradic

D6C5B3
B3D6B3
B3C4D6
D6B3D5

Contrast Matrix WCAG 2.1 Contrast

D6C5B3
A3C39E
EB2C7C
CD3A80
313D39
—
1.2
Fail
2.4
Fail
2.8
Fail
6.7
AA
1.2
Fail
—
2.1
Fail
2.4
Fail
5.8
AA
2.4
Fail
2.1
Fail
—
1.1
Fail
2.8
Fail
2.8
Fail
2.4
Fail
1.1
Fail
—
2.4
Fail
6.7
AA
5.8
AA
2.8
Fail
2.4
Fail
—
White BG
1.7Fail
1.9Fail
4.1AA Large
4.7AA
11.3AAA
Black BG
12.5AAA
10.9AAA
5.2AA
4.5AA
1.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

CFCEB7
B1B1A7
989769
8D8C6F
36363A

Deuteranopia

D0D1B8
AFADA9
A3B264
96A16B
36353A

Tritanopia

D5BBBC
A5AEB0
E15956
C6625F
323B3B

Achromatopsia

C8C8C8
B5B5B5
6E6E6E
6E6E6E
393939

Shades & Tints Shades & Tints

#D6C5B3

Dark
Light

#A3C39E

Dark
Light

#EB2C7C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d6c5b3;
  --color-2: #a3c39e;
  --color-3: #eb2c7c;
  --color-4: #cd3a80;
  --color-5: #313d39;
}

SCSS

$color-1: #d6c5b3;
$color-2: #a3c39e;
$color-3: #eb2c7c;
$color-4: #cd3a80;
$color-5: #313d39;

TAILWIND

colors: {
  'brand-1': '#d6c5b3',
  'brand-2': '#a3c39e',
  'brand-3': '#eb2c7c',
  'brand-4': '#cd3a80',
  'brand-5': '#313d39',
}

RGB Array

[214, 197, 179], [163, 195, 158], [235, 44, 124], [205, 58, 128], [49, 61, 57]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D6C5B3, #A3C39E, #EB2C7C, #CD3A80, #313D39 is ideal for: 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: #d6c5b3; --color-2: #a3c39e; --color-3: #eb2c7c; --color-4: #cd3a80; --color-5: #313d39. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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