← Back to Editor

#EC816D · #BEA2B8 · #EFE2D1 · #404666 · #C0778A

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

#EC816D

Peach Pink · Salmon · Coral Red

HEX
#EC816D
RGB
rgb(236, 129, 109)
HSL
hsl(9, 77%, 68%)
HSB
hsb(9, 54%, 93%)
CMYK
cmyk(0%, 45%, 54%, 7%)
Oklch
oklch(71.7% 0.136 31.7)

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

#BEA2B8

Mauve · DarkGray · Lilac Purple

HEX
#BEA2B8
RGB
rgb(190, 162, 184)
HSL
hsl(313, 18%, 69%)
HSB
hsb(313, 15%, 75%)
CMYK
cmyk(0%, 15%, 3%, 25%)
Oklch
oklch(74.4% 0.044 333.4)

Traditional「Mauve」· Paint「Lilac Purple」· Creative Rose Petal

#EFE2D1

Goose Yellow · Bisque · Peach Orange

HEX
#EFE2D1
RGB
rgb(239, 226, 209)
HSL
hsl(34, 48%, 88%)
HSB
hsb(34, 13%, 94%)
CMYK
cmyk(0%, 5%, 13%, 6%)
Oklch
oklch(91.9% 0.027 74.7)

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

#404666

Indigo · DarkSlateGray · Prussian Blue

HEX
#404666
RGB
rgb(64, 70, 102)
HSL
hsl(231, 23%, 33%)
HSB
hsb(231, 37%, 40%)
CMYK
cmyk(37%, 31%, 0%, 60%)
Oklch
oklch(40.3% 0.055 275.5)

Traditional「Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#C0778A

Rouge · LightCoral · Rose Pink

HEX
#C0778A
RGB
rgb(192, 119, 138)
HSL
hsl(344, 37%, 61%)
HSB
hsb(344, 38%, 75%)
CMYK
cmyk(0%, 38%, 28%, 25%)
Oklch
oklch(65.2% 0.094 3.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EC816D
6FD9EC

Analogous

EC6F9B
EC816D
ECC06F

Triadic

EC816D
6FEC81
816FEC

Split-Comp.

EC816D
6FECC0
6F9BEC

Tetradic

EC816D
9BEC6F
6FD9EC
C06FEC

Contrast Matrix WCAG 2.1 Contrast

EC816D
BEA2B8
EFE2D1
404666
C0778A
—
1.1
Fail
2.1
Fail
3.5
AA Large
1.3
Fail
1.1
Fail
—
1.8
Fail
4.0
AA Large
1.4
Fail
2.1
Fail
1.8
Fail
—
7.2
AAA
2.6
Fail
3.5
AA Large
4.0
AA Large
7.2
AAA
—
2.7
Fail
1.3
Fail
1.4
Fail
2.6
Fail
2.7
Fail
—
White BG
2.6Fail
2.3Fail
1.3Fail
9.2AAA
3.4AA Large
Black BG
7.9AAA
9.0AAA
16.5AAA
2.3Fail
6.2AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BEBD72
B2B2B3
E9E9D5
43435E
A0A085

Deuteranopia

C4CC73
B4B6B1
EAEBD6
42425C
A5AA84

Tritanopia

E77677
BDAEAE
EED8D9
405857
BC8281

Achromatopsia

9F9F9F
ADADAD
E4E4E4
484848
8F8F8F

Shades & Tints Shades & Tints

#EC816D

Dark
Light

#BEA2B8

Dark
Light

#EFE2D1

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ec816d;
  --color-2: #bea2b8;
  --color-3: #efe2d1;
  --color-4: #404666;
  --color-5: #c0778a;
}

SCSS

$color-1: #ec816d;
$color-2: #bea2b8;
$color-3: #efe2d1;
$color-4: #404666;
$color-5: #c0778a;

TAILWIND

colors: {
  'brand-1': '#ec816d',
  'brand-2': '#bea2b8',
  'brand-3': '#efe2d1',
  'brand-4': '#404666',
  'brand-5': '#c0778a',
}

RGB Array

[236, 129, 109], [190, 162, 184], [239, 226, 209], [64, 70, 102], [192, 119, 138]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EC816D, #BEA2B8, #EFE2D1, #404666, #C0778A 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: #ec816d; --color-2: #bea2b8; --color-3: #efe2d1; --color-4: #404666; --color-5: #c0778a. 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