← Back to Editor

#702592 · #720BD2 · #1868A3 · #4649FF · #4A0849

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 AppData Visualization

Color Details Color Details

#702592

Royal Purple · Purple · Eggplant

HEX
#702592
RGB
rgb(112, 37, 146)
HSL
hsl(281, 60%, 36%)
HSB
hsb(281, 75%, 57%)
CMYK
cmyk(23%, 75%, 0%, 43%)
Oklch
oklch(43.1% 0.174 312.9)

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

#720BD2

Royal Purple · DarkViolet · Violet

HEX
#720BD2
RGB
rgb(114, 11, 210)
HSL
hsl(271, 90%, 43%)
HSB
hsb(271, 95%, 82%)
CMYK
cmyk(46%, 95%, 0%, 18%)
Oklch
oklch(47.3% 0.251 297.4)

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

#1868A3

Lake Blue · Teal · Prussian Blue

HEX
#1868A3
RGB
rgb(24, 104, 163)
HSL
hsl(205, 74%, 37%)
HSB
hsb(205, 85%, 64%)
CMYK
cmyk(85%, 36%, 0%, 36%)
Oklch
oklch(50.2% 0.119 246.4)

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

#4649FF

Azure · MediumSlateBlue · Cobalt Blue

HEX
#4649FF
RGB
rgb(70, 73, 255)
HSL
hsl(239, 100%, 64%)
HSB
hsb(239, 73%, 100%)
CMYK
cmyk(73%, 71%, 0%, 0%)
Oklch
oklch(53.4% 0.260 272.6)

Traditional「Azure」· Paint「Cobalt Blue」· Creative Twilight Haze

#4A0849

Rose Purple · MidnightBlue · Dark Purple

HEX
#4A0849
RGB
rgb(74, 8, 73)
HSL
hsl(301, 80%, 16%)
HSB
hsb(301, 89%, 29%)
CMYK
cmyk(0%, 89%, 1%, 71%)
Oklch
oklch(29.3% 0.123 328.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

702592
489325

Analogous

392593
702592
93257F

Triadic

702592
937025
259370

Split-Comp.

702592
7F9325
259339

Tetradic

702592
933925
489325
257F93

Contrast Matrix WCAG 2.1 Contrast

702592
720BD2
1868A3
4649FF
4A0849
—
1.1
Fail
1.5
Fail
1.5
Fail
1.7
Fail
1.1
Fail
—
1.3
Fail
1.4
Fail
1.9
Fail
1.5
Fail
1.3
Fail
—
1.0
Fail
2.5
Fail
1.5
Fail
1.4
Fail
1.0
Fail
—
2.6
Fail
1.7
Fail
1.9
Fail
2.5
Fail
2.6
Fail
—
White BG
8.9AAA
7.8AAA
5.9AA
5.7AA
14.8AAA
Black BG
2.4Fail
2.7Fail
3.5AA Large
3.7AA Large
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

504F78
4544A2
3B3B95
4747D3
2D2D39

Deuteranopia

545971
4B5396
363091
4747C8
313635

Tritanopia

6C635E
6D7C73
1C8987
46B0A9
472D2A

Achromatopsia

484848
404040
575757
5D5D5D
232323

Shades & Tints Shades & Tints

#702592

Dark
Light

#720BD2

Dark
Light

#1868A3

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #702592;
  --color-2: #720bd2;
  --color-3: #1868a3;
  --color-4: #4649ff;
  --color-5: #4a0849;
}

SCSS

$color-1: #702592;
$color-2: #720bd2;
$color-3: #1868a3;
$color-4: #4649ff;
$color-5: #4a0849;

TAILWIND

colors: {
  'brand-1': '#702592',
  'brand-2': '#720bd2',
  'brand-3': '#1868a3',
  'brand-4': '#4649ff',
  'brand-5': '#4a0849',
}

RGB Array

[112, 37, 146], [114, 11, 210], [24, 104, 163], [70, 73, 255], [74, 8, 73]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #702592, #720BD2, #1868A3, #4649FF, #4A0849 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, 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: #702592; --color-2: #720bd2; --color-3: #1868a3; --color-4: #4649ff; --color-5: #4a0849. 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. 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 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