#E60A51 + #2E0940 + #552C60 + #585E70 + #13A690 · space - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#E60A51

Dark Violet · Crimson · Camellia

HEX

#E60A51

RGB

rgb(230, 10, 81)

HSL

hsl(341, 92%, 47%)

HSB

hsb(341, 96%, 90%)

CMYK

cmyk(0%, 96%, 65%, 10%)

Oklch

oklch(59.1% 0.233 14.2)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#2E0940

Royal Purple · MidnightBlue · Dark Purple

HEX

#2E0940

RGB

rgb(46, 9, 64)

HSL

hsl(280, 75%, 14%)

HSB

hsb(280, 86%, 25%)

CMYK

cmyk(28%, 86%, 0%, 75%)

Oklch

oklch(23.8% 0.100 311.8)

Traditional「Royal Purple」· Paint「Dark Purple」· Creative Blush Sunrise

#552C60

Dark Plum · DarkSlateBlue · Eggplant

HEX

#552C60

RGB

rgb(85, 44, 96)

HSL

hsl(287, 37%, 27%)

HSB

hsb(287, 54%, 38%)

CMYK

cmyk(11%, 54%, 0%, 62%)

Oklch

oklch(36.9% 0.098 318.8)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

#585E70

Indigo · DimGray · Prussian Blue

HEX

#585E70

RGB

rgb(88, 94, 112)

HSL

hsl(225, 12%, 39%)

HSB

hsb(225, 21%, 44%)

CMYK

cmyk(21%, 16%, 0%, 56%)

Oklch

oklch(48.3% 0.030 270.7)

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

#13A690

Mineral Blue · LightSeaGreen · Mint Ice

HEX

#13A690

RGB

rgb(19, 166, 144)

HSL

hsl(171, 79%, 36%)

HSB

hsb(171, 89%, 65%)

CMYK

cmyk(89%, 0%, 13%, 35%)

Oklch

oklch(65.1% 0.116 178.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E60A51

0AE6A0

Analogous

E60ABE

E60A51

E6320A

Triadic

E60A51

4FE60A

0A4FE6

Split-Comp.

E60A51

0AE632

0ABEE6

Tetradic

E60A51

BEE60A

0AE6A0

320AE6

Contrast Matrix WCAG 2.1 Contrast

E60A51	2E0940	552C60	585E70	13A690
—	3.7 AA Large	2.4 Fail	1.4 Fail	1.5 Fail
3.7 AA Large	—	1.6 Fail	2.6 Fail	5.6 AA
2.4 Fail	1.6 Fail	—	1.7 Fail	3.6 AA Large
1.4 Fail	2.6 Fail	1.7 Fail	—	2.1 Fail
1.5 Fail	5.6 AA	3.6 AA Large	2.1 Fail	—

White BG

4.6AA

17.1AAA

11.0AAA

6.5AA

3.1AA Large

Black BG

4.5AA

1.2Fail

1.9Fail

3.2AA Large

6.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

878540

1E1E33

434353

5B5B6C

535495

Deuteranopia

94A43C

202330

464950

5A5A6B

4A3F97

Tritanopia

DB322F

2C2826

534947

586867

1A9A9A

Achromatopsia

545454

1A1A1A

3E3E3E

5E5E5E

787878

Shades & Tints Shades & Tints

#E60A51

Dark

Light

#2E0940

Dark

Light

#552C60

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e60a51;
  --color-2: #2e0940;
  --color-3: #552c60;
  --color-4: #585e70;
  --color-5: #13a690;
}

SCSS

$color-1: #e60a51;
$color-2: #2e0940;
$color-3: #552c60;
$color-4: #585e70;
$color-5: #13a690;

TAILWIND

colors: {
  'brand-1': '#e60a51',
  'brand-2': '#2e0940',
  'brand-3': '#552c60',
  'brand-4': '#585e70',
  'brand-5': '#13a690',
}

RGB Array

[230, 10, 81], [46, 9, 64], [85, 44, 96], [88, 94, 112], [19, 166, 144]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #E60A51, #2E0940, #552C60, #585E70, #13A690 is ideal for: tech websites, dark mode UIs, game UIs. 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: #e60a51; --color-2: #2e0940; --color-3: #552c60; --color-4: #585e70; --color-5: #13a690. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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