← Back to Editor

#ECD078 · #EC5B78 · #C02943 · #542442 · #53777A

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

#ECD078

Ginger · Khaki · Sunflower

HEX
#ECD078
RGB
rgb(236, 208, 120)
HSL
hsl(46, 75%, 70%)
HSB
hsb(46, 49%, 93%)
CMYK
cmyk(0%, 12%, 49%, 7%)
Oklch
oklch(86.3% 0.112 92.2)

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

#EC5B78

Peach Pink · LightCoral · Coral Red

HEX
#EC5B78
RGB
rgb(236, 91, 120)
HSL
hsl(348, 79%, 64%)
HSB
hsb(348, 61%, 93%)
CMYK
cmyk(0%, 61%, 49%, 7%)
Oklch
oklch(66.6% 0.180 11.3)

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

#C02943

Vermilion · Crimson · Passion Red

HEX
#C02943
RGB
rgb(192, 41, 67)
HSL
hsl(350, 65%, 46%)
HSB
hsb(350, 79%, 75%)
CMYK
cmyk(0%, 79%, 65%, 25%)
Oklch
oklch(53.2% 0.185 17.4)

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

#542442

Rose Purple · DarkSlateGray · Raspberry

HEX
#542442
RGB
rgb(84, 36, 66)
HSL
hsl(323, 40%, 24%)
HSB
hsb(323, 57%, 33%)
CMYK
cmyk(0%, 57%, 21%, 67%)
Oklch
oklch(33.9% 0.082 344.0)

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

#53777A

Slate Blue · DimGray · Mint Ice

HEX
#53777A
RGB
rgb(83, 119, 122)
HSL
hsl(185, 19%, 40%)
HSB
hsb(185, 32%, 48%)
CMYK
cmyk(32%, 2%, 0%, 52%)
Oklch
oklch(54.3% 0.041 202.5)

Traditional「Slate Blue」· Paint「Mint Ice」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

ECD078
7994EC

Analogous

EC9879
ECD078
CDEC79

Triadic

ECD078
79ECD1
D179EC

Split-Comp.

ECD078
79CDEC
9879EC

Tetradic

ECD078
79EC98
7994EC
EC79CD

Contrast Matrix WCAG 2.1 Contrast

ECD078
EC5B78
C02943
542442
53777A
—
2.2
Fail
3.8
AA Large
8.1
AAA
3.2
AA Large
2.2
Fail
—
1.7
Fail
3.7
AA Large
1.5
Fail
3.8
AA Large
1.7
Fail
—
2.1
Fail
1.2
Fail
8.1
AAA
3.7
AA Large
2.1
Fail
—
2.5
Fail
3.2
AA Large
1.5
Fail
1.2
Fail
2.5
Fail
—
White BG
1.5Fail
3.3AA Large
5.8AA
12.3AAA
4.9AA
Black BG
13.9AAA
6.3AA
3.6AA Large
1.7Fail
4.3AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

E0E08D
ADAC71
7F7D3D
3F3F3B
636379

Deuteranopia

E2E492
B6C16F
87933B
424639
615E79

Tritanopia

EB9EA2
E56B6A
B83837
523534
557979

Achromatopsia

CECECE
8A8A8A
595959
363636
6D6D6D

Shades & Tints Shades & Tints

#ECD078

Dark
Light

#EC5B78

Dark
Light

#C02943

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ecd078;
  --color-2: #ec5b78;
  --color-3: #c02943;
  --color-4: #542442;
  --color-5: #53777a;
}

SCSS

$color-1: #ecd078;
$color-2: #ec5b78;
$color-3: #c02943;
$color-4: #542442;
$color-5: #53777a;

TAILWIND

colors: {
  'brand-1': '#ecd078',
  'brand-2': '#ec5b78',
  'brand-3': '#c02943',
  'brand-4': '#542442',
  'brand-5': '#53777a',
}

RGB Array

[236, 208, 120], [236, 91, 120], [192, 41, 67], [84, 36, 66], [83, 119, 122]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #ECD078, #EC5B78, #C02943, #542442, #53777A 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: #ecd078; --color-2: #ec5b78; --color-3: #c02943; --color-4: #542442; --color-5: #53777a. 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