← Back to Editor

#E1E29A · #D99B7B · #D0535C · #7B4474 · #404956

space

A 5-color space 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

#E1E29A

Fresh Green · Khaki · Sunflower

HEX
#E1E29A
RGB
rgb(225, 226, 154)
HSL
hsl(61, 55%, 75%)
HSB
hsb(61, 32%, 89%)
CMYK
cmyk(0%, 0%, 32%, 11%)
Oklch
oklch(89.5% 0.092 108.8)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#D99B7B

Apricot · DarkSalmon · Warm Sun

HEX
#D99B7B
RGB
rgb(217, 155, 123)
HSL
hsl(20, 55%, 67%)
HSB
hsb(20, 43%, 85%)
CMYK
cmyk(0%, 29%, 43%, 15%)
Oklch
oklch(74.2% 0.087 48.2)

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

#D0535C

Crimson · Tomato · Passion Red

HEX
#D0535C
RGB
rgb(208, 83, 92)
HSL
hsl(356, 57%, 57%)
HSB
hsb(356, 60%, 82%)
CMYK
cmyk(0%, 60%, 56%, 18%)
Oklch
oklch(60.8% 0.158 18.9)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#7B4474

Rose Purple · DimGray · Eggplant

HEX
#7B4474
RGB
rgb(123, 68, 116)
HSL
hsl(308, 29%, 37%)
HSB
hsb(308, 45%, 48%)
CMYK
cmyk(0%, 45%, 6%, 52%)
Oklch
oklch(47.1% 0.100 331.8)

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

#404956

Indigo · DarkSlateGray · Prussian Blue

HEX
#404956
RGB
rgb(64, 73, 86)
HSL
hsl(215, 15%, 29%)
HSB
hsb(215, 26%, 34%)
CMYK
cmyk(26%, 15%, 0%, 66%)
Oklch
oklch(40.2% 0.025 257.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E1E29A
9D9CE2

Analogous

E2C09C
E1E29A
BEE29C

Triadic

E1E29A
9CE1E2
E29CE1

Split-Comp.

E1E29A
9CBEE2
C09CE2

Tetradic

E1E29A
9CE2C0
9D9CE2
E29CBE

Contrast Matrix WCAG 2.1 Contrast

E1E29A
D99B7B
D0535C
7B4474
404956
—
1.7
Fail
3.1
AA Large
5.3
AA
6.7
AA
1.7
Fail
—
1.8
Fail
3.1
AA Large
3.9
AA Large
3.1
AA Large
1.8
Fail
—
1.7
Fail
2.2
Fail
5.3
AA
3.1
AA Large
1.7
Fail
—
1.3
Fail
6.7
AA
3.9
AA Large
2.2
Fail
1.3
Fail
—
White BG
1.4Fail
2.4Fail
4.1AA Large
7.2AAA
9.1AAA
Black BG
15.5AAA
8.9AAA
5.1AA
2.9Fail
2.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E1E1AB
BEBE83
9A995A
636368
444453

Deuteranopia

E1E1B0
C2C685
A1AB59
666B66
434352

Tritanopia

E1B9BC
D6898A
CA5858
785F5D
405050

Achromatopsia

D9D9D9
AAAAAA
797979
5A5A5A
484848

Shades & Tints Shades & Tints

#E1E29A

Dark
Light

#D99B7B

Dark
Light

#D0535C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e1e29a;
  --color-2: #d99b7b;
  --color-3: #d0535c;
  --color-4: #7b4474;
  --color-5: #404956;
}

SCSS

$color-1: #e1e29a;
$color-2: #d99b7b;
$color-3: #d0535c;
$color-4: #7b4474;
$color-5: #404956;

TAILWIND

colors: {
  'brand-1': '#e1e29a',
  'brand-2': '#d99b7b',
  'brand-3': '#d0535c',
  'brand-4': '#7b4474',
  'brand-5': '#404956',
}

RGB Array

[225, 226, 154], [217, 155, 123], [208, 83, 92], [123, 68, 116], [64, 73, 86]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #E1E29A, #D99B7B, #D0535C, #7B4474, #404956 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: #e1e29a; --color-2: #d99b7b; --color-3: #d0535c; --color-4: #7b4474; --color-5: #404956. 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 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