← Back to Editor

#C5E3EE · #D4B3AC · #EE8F7D · #A3527B · #753886

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

#C5E3EE

Sky Blue · LightBlue · Glacier Blue

HEX
#C5E3EE
RGB
rgb(197, 227, 238)
HSL
hsl(196, 55%, 85%)
HSB
hsb(196, 17%, 93%)
CMYK
cmyk(17%, 5%, 0%, 7%)
Oklch
oklch(89.7% 0.035 221.9)

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

#D4B3AC

Peach Pink · Silver · Coral Red

HEX
#D4B3AC
RGB
rgb(212, 179, 172)
HSL
hsl(10, 32%, 75%)
HSB
hsb(10, 19%, 83%)
CMYK
cmyk(0%, 16%, 19%, 17%)
Oklch
oklch(79.4% 0.040 32.0)

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

#EE8F7D

Peach Pink · DarkSalmon · Coral Red

HEX
#EE8F7D
RGB
rgb(238, 143, 125)
HSL
hsl(10, 77%, 71%)
HSB
hsb(10, 47%, 93%)
CMYK
cmyk(0%, 40%, 47%, 7%)
Oklch
oklch(74.5% 0.119 31.5)

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

#A3527B

Dark Violet · Gray · Camellia

HEX
#A3527B
RGB
rgb(163, 82, 123)
HSL
hsl(330, 33%, 48%)
HSB
hsb(330, 50%, 64%)
CMYK
cmyk(0%, 50%, 25%, 36%)
Oklch
oklch(55.0% 0.117 350.0)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#753886

Dark Plum · DarkSlateBlue · Eggplant

HEX
#753886
RGB
rgb(117, 56, 134)
HSL
hsl(287, 41%, 37%)
HSB
hsb(287, 58%, 53%)
CMYK
cmyk(13%, 58%, 0%, 47%)
Oklch
oklch(45.4% 0.137 318.4)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C5E3EE
EECFC4

Analogous

C4EEE4
C5E3EE
C4CEEE

Triadic

C5E3EE
EEC4E3
E3EEC4

Split-Comp.

C5E3EE
EEC4CE
EEE4C4

Tetradic

C5E3EE
E4C4EE
EECFC4
CEEEC4

Contrast Matrix WCAG 2.1 Contrast

C5E3EE
D4B3AC
EE8F7D
A3527B
753886
—
1.4
Fail
1.8
Fail
3.9
AA Large
5.8
AA
1.4
Fail
—
1.2
Fail
2.7
Fail
4.1
AA Large
1.8
Fail
1.2
Fail
—
2.2
Fail
3.3
AA Large
3.9
AA Large
2.7
Fail
2.2
Fail
—
1.5
Fail
5.8
AA
4.1
AA Large
3.3
AA Large
1.5
Fail
—
White BG
1.3Fail
1.9Fail
2.4Fail
5.2AA
7.9AAA
Black BG
15.6AAA
10.8AAA
8.9AAA
4.1AA Large
2.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D2D2EB
C6C5AE
C5C481
807F71
5B5A73

Deuteranopia

D0CEEB
C8CAAE
CAD282
858B6F
5E636F

Tritanopia

C6E9E9
D2AFAF
E98586
9F6968
726461

Achromatopsia

DBDBDB
BCBCBC
A9A9A9
6F6F6F
535353

Shades & Tints Shades & Tints

#C5E3EE

Dark
Light

#D4B3AC

Dark
Light

#EE8F7D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c5e3ee;
  --color-2: #d4b3ac;
  --color-3: #ee8f7d;
  --color-4: #a3527b;
  --color-5: #753886;
}

SCSS

$color-1: #c5e3ee;
$color-2: #d4b3ac;
$color-3: #ee8f7d;
$color-4: #a3527b;
$color-5: #753886;

TAILWIND

colors: {
  'brand-1': '#c5e3ee',
  'brand-2': '#d4b3ac',
  'brand-3': '#ee8f7d',
  'brand-4': '#a3527b',
  'brand-5': '#753886',
}

RGB Array

[197, 227, 238], [212, 179, 172], [238, 143, 125], [163, 82, 123], [117, 56, 134]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C5E3EE, #D4B3AC, #EE8F7D, #A3527B, #753886 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: #c5e3ee; --color-2: #d4b3ac; --color-3: #ee8f7d; --color-4: #a3527b; --color-5: #753886. 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