← Back to Editor

#DDECC4 · #EBAC54 · #EB5B5B · #912791 · #2E2463

space

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#DDECC4

Willow Green · LightGray · Mint Green

HEX
#DDECC4
RGB
rgb(221, 236, 196)
HSL
hsl(83, 51%, 85%)
HSB
hsb(83, 17%, 93%)
CMYK
cmyk(6%, 0%, 17%, 7%)
Oklch
oklch(92.2% 0.055 124.2)

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

#EBAC54

Ginger · SandyBrown · Warm Sun

HEX
#EBAC54
RGB
rgb(235, 172, 84)
HSL
hsl(35, 79%, 63%)
HSB
hsb(35, 64%, 92%)
CMYK
cmyk(0%, 27%, 64%, 8%)
Oklch
oklch(78.7% 0.128 73.1)

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

#EB5B5B

Peach Pink · Tomato · Coral Red

HEX
#EB5B5B
RGB
rgb(235, 91, 91)
HSL
hsl(0, 78%, 64%)
HSB
hsb(0, 61%, 92%)
CMYK
cmyk(0%, 61%, 61%, 8%)
Oklch
oklch(65.9% 0.179 23.4)

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

#912791

Rose Purple · DarkMagenta · Eggplant

HEX
#912791
RGB
rgb(145, 39, 145)
HSL
hsl(300, 58%, 36%)
HSB
hsb(300, 73%, 57%)
CMYK
cmyk(0%, 73%, 0%, 43%)
Oklch
oklch(48.1% 0.185 328.0)

Traditional「Rose Purple」· Paint「Eggplant」· Creative Blush Sunrise

#2E2463

Deep Indigo · MidnightBlue · Prussian Blue

HEX
#2E2463
RGB
rgb(46, 36, 99)
HSL
hsl(250, 47%, 26%)
HSB
hsb(250, 64%, 39%)
CMYK
cmyk(54%, 64%, 0%, 61%)
Oklch
oklch(31.1% 0.107 285.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DDECC4
D4C5EC

Analogous

ECE8C5
DDECC4
CAECC5

Triadic

DDECC4
C5DDEC
ECC5DD

Split-Comp.

DDECC4
C5CAEC
E8C5EC

Tetradic

DDECC4
C5ECE8
D4C5EC
ECC5CA

Contrast Matrix WCAG 2.1 Contrast

DDECC4
EBAC54
EB5B5B
912791
2E2463
—
1.6
Fail
2.7
Fail
5.8
AA
10.9
AAA
1.6
Fail
—
1.7
Fail
3.6
AA Large
6.8
AA
2.7
Fail
1.7
Fail
—
2.1
Fail
4.0
AA Large
5.8
AA
3.6
AA Large
2.1
Fail
—
1.9
Fail
10.9
AAA
6.8
AA
4.0
AA Large
1.9
Fail
—
White BG
1.2Fail
2.0Fail
3.4AA Large
7.2AAA
13.6AAA
Black BG
16.9AAA
10.6AAA
6.2AA
2.9Fail
1.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E3E4CE
D0CF69
ADAB5B
636277
2A2A54

Deuteranopia

E3E2D0
D3D86E
B5C05B
697171
2A2B50

Tritanopia

DED5D7
E87A7E
E45B5B
8C635F
2D4845

Achromatopsia

E3E3E3
B5B5B5
868686
535353
2E2E2E

Shades & Tints Shades & Tints

#DDECC4

Dark
Light

#EBAC54

Dark
Light

#EB5B5B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ddecc4;
  --color-2: #ebac54;
  --color-3: #eb5b5b;
  --color-4: #912791;
  --color-5: #2e2463;
}

SCSS

$color-1: #ddecc4;
$color-2: #ebac54;
$color-3: #eb5b5b;
$color-4: #912791;
$color-5: #2e2463;

TAILWIND

colors: {
  'brand-1': '#ddecc4',
  'brand-2': '#ebac54',
  'brand-3': '#eb5b5b',
  'brand-4': '#912791',
  'brand-5': '#2e2463',
}

RGB Array

[221, 236, 196], [235, 172, 84], [235, 91, 91], [145, 39, 145], [46, 36, 99]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #DDECC4, #EBAC54, #EB5B5B, #912791, #2E2463 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #ddecc4; --color-2: #ebac54; --color-3: #eb5b5b; --color-4: #912791; --color-5: #2e2463. 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 space-style 5-color scheme is especially suited for food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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