← Back to Editor

#2C3060 · #EE5198 · #E47DD0 · #EFB4F4 · #F4EAEB

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

#2C3060

Indigo · MidnightBlue · Prussian Blue

HEX
#2C3060
RGB
rgb(44, 48, 96)
HSL
hsl(235, 37%, 27%)
HSB
hsb(235, 54%, 38%)
CMYK
cmyk(54%, 50%, 0%, 62%)
Oklch
oklch(33.2% 0.084 277.2)

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

#EE5198

Rouge · LightCoral · Rose Pink

HEX
#EE5198
RGB
rgb(238, 81, 152)
HSL
hsl(333, 82%, 63%)
HSB
hsb(333, 66%, 93%)
CMYK
cmyk(0%, 66%, 36%, 7%)
Oklch
oklch(66.7% 0.202 356.2)

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

#E47DD0

Mauve · Orchid · Lilac Purple

HEX
#E47DD0
RGB
rgb(228, 125, 208)
HSL
hsl(312, 66%, 69%)
HSB
hsb(312, 45%, 89%)
CMYK
cmyk(0%, 45%, 9%, 11%)
Oklch
oklch(73.0% 0.162 334.8)

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

#EFB4F4

Lilac · Pink · Lavender

HEX
#EFB4F4
RGB
rgb(239, 180, 244)
HSL
hsl(295, 74%, 83%)
HSB
hsb(295, 26%, 96%)
CMYK
cmyk(2%, 26%, 0%, 4%)
Oklch
oklch(84.4% 0.108 323.9)

Traditional「Lilac」· Paint「Lavender」· Creative Lavender Dream

#F4EAEB

Peach Pink · Linen · Cherry Blossom

HEX
#F4EAEB
RGB
rgb(244, 234, 235)
HSL
hsl(354, 31%, 94%)
HSB
hsb(354, 4%, 96%)
CMYK
cmyk(0%, 4%, 4%, 4%)
Oklch
oklch(94.5% 0.011 10.3)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2C3060
5E5A2B

Analogous

2B495E
2C3060
412B5E

Triadic

2C3060
5E2B30
305E2B

Split-Comp.

2C3060
5E412B
495E2B

Tetradic

2C3060
5E2B49
5E5A2B
2B5E41

Contrast Matrix WCAG 2.1 Contrast

2C3060
EE5198
E47DD0
EFB4F4
F4EAEB
—
3.7
AA Large
4.8
AA
7.4
AAA
10.5
AAA
3.7
AA Large
—
1.3
Fail
2.0
Fail
2.8
Fail
4.8
AA
1.3
Fail
—
1.5
Fail
2.2
Fail
7.4
AAA
2.0
Fail
1.5
Fail
—
1.4
Fail
10.5
AAA
2.8
Fail
2.2
Fail
1.4
Fail
—
White BG
12.4AAA
3.4AA Large
2.6Fail
1.7Fail
1.2Fail
Black BG
1.7Fail
6.3AA
8.1AAA
12.5AAA
17.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

2E2E54
AAA987
B7B6BC
D5D5E5
F0F0EB

Deuteranopia

2E2D52
B3BF83
BDC5B7
D9DDE1
F0F1EB

Tritanopia

2C4B49
E67976
DFACA9
ECD8D6
F3EBEB

Achromatopsia

343434
888888
A5A5A5
CDCDCD
EDEDED

Shades & Tints Shades & Tints

#2C3060

Dark
Light

#EE5198

Dark
Light

#E47DD0

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2c3060;
  --color-2: #ee5198;
  --color-3: #e47dd0;
  --color-4: #efb4f4;
  --color-5: #f4eaeb;
}

SCSS

$color-1: #2c3060;
$color-2: #ee5198;
$color-3: #e47dd0;
$color-4: #efb4f4;
$color-5: #f4eaeb;

TAILWIND

colors: {
  'brand-1': '#2c3060',
  'brand-2': '#ee5198',
  'brand-3': '#e47dd0',
  'brand-4': '#efb4f4',
  'brand-5': '#f4eaeb',
}

RGB Array

[44, 48, 96], [238, 81, 152], [228, 125, 208], [239, 180, 244], [244, 234, 235]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #2C3060, #EE5198, #E47DD0, #EFB4F4, #F4EAEB 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: #2c3060; --color-2: #ee5198; --color-3: #e47dd0; --color-4: #efb4f4; --color-5: #f4eaeb. 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