← Back to Editor

#470F68 · #2B2168 · #1B242B · #630953 · #46003F

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#470F68

Royal Purple · MidnightBlue · Eggplant

HEX
#470F68
RGB
rgb(71, 15, 104)
HSL
hsl(278, 75%, 23%)
HSB
hsb(278, 86%, 41%)
CMYK
cmyk(32%, 86%, 0%, 59%)
Oklch
oklch(31.8% 0.143 308.5)

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

#2B2168

Deep Indigo · MidnightBlue · Prussian Blue

HEX
#2B2168
RGB
rgb(43, 33, 104)
HSL
hsl(248, 52%, 27%)
HSB
hsb(248, 68%, 41%)
CMYK
cmyk(59%, 68%, 0%, 59%)
Oklch
oklch(30.7% 0.119 283.3)

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

#1B242B

Slate Blue · DarkSlateGray · Deep Sea Blue

HEX
#1B242B
RGB
rgb(27, 36, 43)
HSL
hsl(206, 23%, 14%)
HSB
hsb(206, 37%, 17%)
CMYK
cmyk(37%, 16%, 0%, 83%)
Oklch
oklch(25.5% 0.018 241.8)

Traditional「Slate Blue」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#630953

Rose Purple · Purple · Eggplant

HEX
#630953
RGB
rgb(99, 9, 83)
HSL
hsl(311, 83%, 21%)
HSB
hsb(311, 91%, 39%)
CMYK
cmyk(0%, 91%, 16%, 61%)
Oklch
oklch(34.5% 0.143 337.3)

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

#46003F

Rose Purple · MidnightBlue · Dark Purple

HEX
#46003F
RGB
rgb(70, 0, 63)
HSL
hsl(306, 100%, 14%)
HSB
hsb(306, 100%, 27%)
CMYK
cmyk(0%, 100%, 10%, 73%)
Oklch
oklch(27.2% 0.122 333.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

470F68
2F670F

Analogous

1A0F67
470F68
670F5B

Triadic

470F68
67460F
0F6746

Split-Comp.

470F68
5B670F
0F671A

Tetradic

470F68
671A0F
2F670F
0F5B67

Contrast Matrix WCAG 2.1 Contrast

470F68
2B2168
1B242B
630953
46003F
—
1.0
Fail
1.2
Fail
1.1
Fail
1.2
Fail
1.0
Fail
—
1.1
Fail
1.1
Fail
1.1
Fail
1.2
Fail
1.1
Fail
—
1.3
Fail
1.0
Fail
1.1
Fail
1.1
Fail
1.3
Fail
—
1.3
Fail
1.2
Fail
1.1
Fail
1.0
Fail
1.3
Fail
—
White BG
13.7AAA
13.8AAA
15.7AAA
12.4AAA
15.8AAA
Black BG
1.5Fail
1.5Fail
1.3Fail
1.7Fail
1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

2F2E52
272757
1F1F29
3C3B41
282730

Deuteranopia

32364D
272853
1E1E29
41483D
2C312C

Tritanopia

44413E
2B4946
1B2828
5F3330
432421

Achromatopsia

2A2A2A
2C2C2C
222222
2C2C2C
1C1C1C

Shades & Tints Shades & Tints

#470F68

Dark
Light

#2B2168

Dark
Light

#1B242B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #470f68;
  --color-2: #2b2168;
  --color-3: #1b242b;
  --color-4: #630953;
  --color-5: #46003f;
}

SCSS

$color-1: #470f68;
$color-2: #2b2168;
$color-3: #1b242b;
$color-4: #630953;
$color-5: #46003f;

TAILWIND

colors: {
  'brand-1': '#470f68',
  'brand-2': '#2b2168',
  'brand-3': '#1b242b',
  'brand-4': '#630953',
  'brand-5': '#46003f',
}

RGB Array

[71, 15, 104], [43, 33, 104], [27, 36, 43], [99, 9, 83], [70, 0, 63]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #470F68, #2B2168, #1B242B, #630953, #46003F 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: #470f68; --color-2: #2b2168; --color-3: #1b242b; --color-4: #630953; --color-5: #46003f. 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