← Back to Editor

#EAD294 · #DAC471 · #D27262 · #5B4D4A · #8F7F68

space

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#EAD294

Goose Yellow · Khaki · Sunflower

HEX
#EAD294
RGB
rgb(234, 210, 148)
HSL
hsl(43, 67%, 75%)
HSB
hsb(43, 37%, 92%)
CMYK
cmyk(0%, 10%, 37%, 8%)
Oklch
oklch(86.9% 0.084 89.3)

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

#DAC471

Ginger · BurlyWood · Sunflower

HEX
#DAC471
RGB
rgb(218, 196, 113)
HSL
hsl(47, 59%, 65%)
HSB
hsb(47, 48%, 85%)
CMYK
cmyk(0%, 10%, 48%, 15%)
Oklch
oklch(82.1% 0.106 94.9)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#D27262

Crimson · LightCoral · Passion Red

HEX
#D27262
RGB
rgb(210, 114, 98)
HSL
hsl(9, 55%, 60%)
HSB
hsb(9, 53%, 82%)
CMYK
cmyk(0%, 46%, 53%, 18%)
Oklch
oklch(65.7% 0.124 30.6)

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

#5B4D4A

Crimson · DarkOliveGreen · Wine Red

HEX
#5B4D4A
RGB
rgb(91, 77, 74)
HSL
hsl(11, 10%, 32%)
HSB
hsb(11, 19%, 36%)
CMYK
cmyk(0%, 15%, 19%, 64%)
Oklch
oklch(43.3% 0.020 32.1)

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

#8F7F68

Ochre · Gray · Amber Brown

HEX
#8F7F68
RGB
rgb(143, 127, 104)
HSL
hsl(35, 16%, 48%)
HSB
hsb(35, 27%, 56%)
CMYK
cmyk(0%, 11%, 27%, 44%)
Oklch
oklch(60.5% 0.039 76.8)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EAD294
95ADEA

Analogous

EAA795
EAD294
D7EA95

Triadic

EAD294
95EAD2
D295EA

Split-Comp.

EAD294
95D7EA
A795EA

Tetradic

EAD294
95EAA7
95ADEA
EA95D7

Contrast Matrix WCAG 2.1 Contrast

EAD294
DAC471
D27262
5B4D4A
8F7F68
—
1.2
Fail
2.2
Fail
5.4
AA
2.6
Fail
1.2
Fail
—
1.9
Fail
4.7
AA
2.2
Fail
2.2
Fail
1.9
Fail
—
2.4
Fail
1.2
Fail
5.4
AA
4.7
AA
2.4
Fail
—
2.1
Fail
2.6
Fail
2.2
Fail
1.2
Fail
2.1
Fail
—
White BG
1.5Fail
1.7Fail
3.3AA Large
8.1AAA
3.9AA Large
Black BG
14.1AAA
12.1AAA
6.3AA
2.6Fail
5.4AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E0DFA3
D0D085
A8A866
55554B
88886E

Deuteranopia

E1E3A7
D2D38A
AEB567
56574B
898A6F

Tritanopia

E9AFB1
D99598
CD696A
5A4B4B
8E7273

Achromatopsia

D2D2D2
C1C1C1
8D8D8D
515151
818181

Shades & Tints Shades & Tints

#EAD294

Dark
Light

#DAC471

Dark
Light

#D27262

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ead294;
  --color-2: #dac471;
  --color-3: #d27262;
  --color-4: #5b4d4a;
  --color-5: #8f7f68;
}

SCSS

$color-1: #ead294;
$color-2: #dac471;
$color-3: #d27262;
$color-4: #5b4d4a;
$color-5: #8f7f68;

TAILWIND

colors: {
  'brand-1': '#ead294',
  'brand-2': '#dac471',
  'brand-3': '#d27262',
  'brand-4': '#5b4d4a',
  'brand-5': '#8f7f68',
}

RGB Array

[234, 210, 148], [218, 196, 113], [210, 114, 98], [91, 77, 74], [143, 127, 104]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #EAD294, #DAC471, #D27262, #5B4D4A, #8F7F68 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: #ead294; --color-2: #dac471; --color-3: #d27262; --color-4: #5b4d4a; --color-5: #8f7f68. 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