← Back to Editor

#310952 · #411091 · #2A3BBD · #4A0CD0 · #7A56F2

cool

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#310952

Royal Purple · MidnightBlue · Dark Purple

HEX
#310952
RGB
rgb(49, 9, 82)
HSL
hsl(273, 80%, 18%)
HSB
hsb(273, 89%, 32%)
CMYK
cmyk(40%, 89%, 0%, 68%)
Oklch
oklch(26.0% 0.121 303.3)

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

#411091

Deep Indigo · DarkSlateBlue · Eggplant

HEX
#411091
RGB
rgb(65, 16, 145)
HSL
hsl(263, 80%, 32%)
HSB
hsb(263, 89%, 57%)
CMYK
cmyk(55%, 89%, 0%, 43%)
Oklch
oklch(35.2% 0.184 290.1)

Traditional「Deep Indigo」· Paint「Eggplant」· Creative Blush Sunrise

#2A3BBD

Indigo · DarkSlateBlue · Navy Blue

HEX
#2A3BBD
RGB
rgb(42, 59, 189)
HSL
hsl(233, 64%, 45%)
HSB
hsb(233, 78%, 74%)
CMYK
cmyk(78%, 69%, 0%, 26%)
Oklch
oklch(43.4% 0.202 269.5)

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

#4A0CD0

Deep Indigo · DarkViolet · Navy Blue

HEX
#4A0CD0
RGB
rgb(74, 12, 208)
HSL
hsl(259, 89%, 43%)
HSB
hsb(259, 94%, 82%)
CMYK
cmyk(64%, 94%, 0%, 18%)
Oklch
oklch(42.9% 0.249 282.0)

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

#7A56F2

Wisteria · MediumSlateBlue · Cobalt Blue

HEX
#7A56F2
RGB
rgb(122, 86, 242)
HSL
hsl(254, 86%, 64%)
HSB
hsb(254, 64%, 95%)
CMYK
cmyk(50%, 64%, 0%, 5%)
Oklch
oklch(57.9% 0.222 288.0)

Traditional「Wisteria」· Paint「Cobalt Blue」· Creative Lavender Dream

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

310952
2A5309

Analogous

0D0953
310952
53094F

Triadic

310952
533209
095332

Split-Comp.

310952
4F5309
09530D

Tetradic

310952
530D09
2A5309
094F53

Contrast Matrix WCAG 2.1 Contrast

310952
411091
2A3BBD
4A0CD0
7A56F2
—
1.3
Fail
1.9
Fail
1.7
Fail
3.4
AA Large
1.3
Fail
—
1.4
Fail
1.3
Fail
2.6
Fail
1.9
Fail
1.4
Fail
—
1.1
Fail
1.8
Fail
1.7
Fail
1.3
Fail
1.1
Fail
—
2.0
Fail
3.4
AA Large
2.6
Fail
1.8
Fail
2.0
Fail
—
White BG
16.3AAA
12.3AAA
8.5AAA
9.3AAA
4.7AA
Black BG
1.3Fail
1.7Fail
2.5Fail
2.3Fail
4.4AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

201F40
2C2B72
31329E
2F2FA1
6A6ACC

Deuteranopia

22253C
2F326A
302F96
333795
6D6FC3

Tritanopia

2F322F
3F5954
2B857F
477B73
78AEA8

Achromatopsia

1D1D1D
2D2D2D
454545
353535
737373

Shades & Tints Shades & Tints

#310952

Dark
Light

#411091

Dark
Light

#2A3BBD

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #310952;
  --color-2: #411091;
  --color-3: #2a3bbd;
  --color-4: #4a0cd0;
  --color-5: #7a56f2;
}

SCSS

$color-1: #310952;
$color-2: #411091;
$color-3: #2a3bbd;
$color-4: #4a0cd0;
$color-5: #7a56f2;

TAILWIND

colors: {
  'brand-1': '#310952',
  'brand-2': '#411091',
  'brand-3': '#2a3bbd',
  'brand-4': '#4a0cd0',
  'brand-5': '#7a56f2',
}

RGB Array

[49, 9, 82], [65, 16, 145], [42, 59, 189], [74, 12, 208], [122, 86, 242]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #310952, #411091, #2A3BBD, #4A0CD0, #7A56F2 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #310952; --color-2: #411091; --color-3: #2a3bbd; --color-4: #4a0cd0; --color-5: #7a56f2. 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 cool-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