← Back to Editor

#582A59 · #CA3D30 · #946C63 · #F70077 · #6B083F

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#582A59

Dark Plum · DarkSlateBlue · Eggplant

HEX
#582A59
RGB
rgb(88, 42, 89)
HSL
hsl(299, 36%, 26%)
HSB
hsb(299, 53%, 35%)
CMYK
cmyk(1%, 53%, 0%, 65%)
Oklch
oklch(36.6% 0.096 326.5)

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

#CA3D30

Vermilion · FireBrick · Passion Red

HEX
#CA3D30
RGB
rgb(202, 61, 48)
HSL
hsl(5, 62%, 49%)
HSB
hsb(5, 76%, 79%)
CMYK
cmyk(0%, 70%, 76%, 21%)
Oklch
oklch(56.5% 0.180 29.2)

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

#946C63

Crimson · Gray · Passion Red

HEX
#946C63
RGB
rgb(148, 108, 99)
HSL
hsl(11, 20%, 48%)
HSB
hsb(11, 33%, 58%)
CMYK
cmyk(0%, 27%, 33%, 42%)
Oklch
oklch(56.9% 0.053 33.0)

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

#F70077

Dark Violet · DeepPink · Camellia

HEX
#F70077
RGB
rgb(247, 0, 119)
HSL
hsl(331, 100%, 48%)
HSB
hsb(331, 100%, 97%)
CMYK
cmyk(0%, 100%, 52%, 3%)
Oklch
oklch(62.9% 0.253 4.0)

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

#6B083F

Rose Purple · Maroon · Raspberry

HEX
#6B083F
RGB
rgb(107, 8, 63)
HSL
hsl(327, 86%, 23%)
HSB
hsb(327, 93%, 42%)
CMYK
cmyk(0%, 93%, 41%, 58%)
Oklch
oklch(35.0% 0.137 354.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

582A59
2B5A2A

Analogous

422A5A
582A59
5A2A43

Triadic

582A59
5A592A
2A5A59

Split-Comp.

582A59
435A2A
2A5A42

Tetradic

582A59
5A422A
2B5A2A
2A435A

Contrast Matrix WCAG 2.1 Contrast

582A59
CA3D30
946C63
F70077
6B083F
—
2.2
Fail
2.4
Fail
2.8
Fail
1.1
Fail
2.2
Fail
—
1.1
Fail
1.2
Fail
2.4
Fail
2.4
Fail
1.1
Fail
—
1.1
Fail
2.6
Fail
2.8
Fail
1.2
Fail
1.1
Fail
—
3.0
AA Large
1.1
Fail
2.4
Fail
2.6
Fail
3.0
AA Large
—
White BG
11.1AAA
5.0AA
4.6AA
4.0AA Large
12.1AAA
Black BG
1.9Fail
4.2AA Large
4.6AA
5.2AA
1.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

44444E
8D8C33
838265
8C8A5A
403F32

Deuteranopia

474A4B
95A034
858866
9AAD53
464D2E

Tritanopia

564543
C33636
926767
EB433E
662725

Achromatopsia

3D3D3D
666666
777777
575757
2C2C2C

Shades & Tints Shades & Tints

#582A59

Dark
Light

#CA3D30

Dark
Light

#946C63

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #582a59;
  --color-2: #ca3d30;
  --color-3: #946c63;
  --color-4: #f70077;
  --color-5: #6b083f;
}

SCSS

$color-1: #582a59;
$color-2: #ca3d30;
$color-3: #946c63;
$color-4: #f70077;
$color-5: #6b083f;

TAILWIND

colors: {
  'brand-1': '#582a59',
  'brand-2': '#ca3d30',
  'brand-3': '#946c63',
  'brand-4': '#f70077',
  'brand-5': '#6b083f',
}

RGB Array

[88, 42, 89], [202, 61, 48], [148, 108, 99], [247, 0, 119], [107, 8, 63]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #582A59, #CA3D30, #946C63, #F70077, #6B083F is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #582a59; --color-2: #ca3d30; --color-3: #946c63; --color-4: #f70077; --color-5: #6b083f. 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 general-style 5-color scheme is especially suited for food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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