← Back to Editor

#E1D39A · #90BCA3 · #719588 · #BC7C85 · #50373C

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

#E1D39A

Goose Yellow · Khaki · Sunflower

HEX
#E1D39A
RGB
rgb(225, 211, 154)
HSL
hsl(48, 54%, 74%)
HSB
hsb(48, 32%, 88%)
CMYK
cmyk(0%, 6%, 32%, 12%)
Oklch
oklch(86.5% 0.076 96.0)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

#90BCA3

Celadon · DarkSeaGreen · Apple Green

HEX
#90BCA3
RGB
rgb(144, 188, 163)
HSL
hsl(146, 25%, 65%)
HSB
hsb(146, 23%, 74%)
CMYK
cmyk(23%, 0%, 13%, 26%)
Oklch
oklch(75.6% 0.059 159.7)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#719588

Mineral Blue · LightSlateGray · Olive Green

HEX
#719588
RGB
rgb(113, 149, 136)
HSL
hsl(158, 15%, 51%)
HSB
hsb(158, 24%, 58%)
CMYK
cmyk(24%, 0%, 9%, 42%)
Oklch
oklch(63.9% 0.044 170.7)

Traditional「Mineral Blue」· Paint「Olive Green」· Creative Blush Sunrise

#BC7C85

Peach Pink · LightCoral · Coral Red

HEX
#BC7C85
RGB
rgb(188, 124, 133)
HSL
hsl(352, 32%, 61%)
HSB
hsb(352, 34%, 74%)
CMYK
cmyk(0%, 34%, 29%, 26%)
Oklch
oklch(65.5% 0.080 10.3)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#50373C

Crimson · DarkSlateGray · Wine Red

HEX
#50373C
RGB
rgb(80, 55, 60)
HSL
hsl(348, 19%, 26%)
HSB
hsb(348, 31%, 31%)
CMYK
cmyk(0%, 31%, 25%, 69%)
Oklch
oklch(36.7% 0.036 5.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E1D39A
99A7E1

Analogous

E1AE99
E1D39A
CBE199

Triadic

E1D39A
99E1D2
D299E1

Split-Comp.

E1D39A
99CBE1
AE99E1

Tetradic

E1D39A
99E1AE
99A7E1
E199CB

Contrast Matrix WCAG 2.1 Contrast

E1D39A
90BCA3
719588
BC7C85
50373C
—
1.4
Fail
2.2
Fail
2.2
Fail
7.2
AAA
1.4
Fail
—
1.6
Fail
1.6
Fail
5.1
AA
2.2
Fail
1.6
Fail
—
1.0
Fail
3.3
AA Large
2.2
Fail
1.6
Fail
1.0
Fail
—
3.3
AA Large
7.2
AAA
5.1
AA
3.3
AA Large
3.3
AA Large
—
White BG
1.5Fail
2.1Fail
3.3AA Large
3.3AA Large
10.8AAA
Black BG
14.0AAA
9.9AAA
6.4AA
6.4AA
2.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

DBDBA8
A3A3A9
81818B
A0A083
45453B

Deuteranopia

DCDDAB
A19DAB
7F7C8C
A4A982
47493B

Tritanopia

E0B3B5
92AEAF
738E8E
B98181
4F3A3A

Achromatopsia

D1D1D1
ACACAC
898989
909090
3F3F3F

Shades & Tints Shades & Tints

#E1D39A

Dark
Light

#90BCA3

Dark
Light

#719588

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e1d39a;
  --color-2: #90bca3;
  --color-3: #719588;
  --color-4: #bc7c85;
  --color-5: #50373c;
}

SCSS

$color-1: #e1d39a;
$color-2: #90bca3;
$color-3: #719588;
$color-4: #bc7c85;
$color-5: #50373c;

TAILWIND

colors: {
  'brand-1': '#e1d39a',
  'brand-2': '#90bca3',
  'brand-3': '#719588',
  'brand-4': '#bc7c85',
  'brand-5': '#50373c',
}

RGB Array

[225, 211, 154], [144, 188, 163], [113, 149, 136], [188, 124, 133], [80, 55, 60]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #E1D39A, #90BCA3, #719588, #BC7C85, #50373C is ideal for: brand design, premium product pages, magazine layouts, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #e1d39a; --color-2: #90bca3; --color-3: #719588; --color-4: #bc7c85; --color-5: #50373c. 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. Restrained colors convey professionalism and trust. 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