← Back to Editor

#4A1B70 · #4E5ADD · #47A3E8 · #D99182 · #040203

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#4A1B70

Royal Purple · DarkSlateBlue · Eggplant

HEX
#4A1B70
RGB
rgb(74, 27, 112)
HSL
hsl(273, 61%, 27%)
HSB
hsb(273, 76%, 44%)
CMYK
cmyk(34%, 76%, 0%, 56%)
Oklch
oklch(34.1% 0.139 305.3)

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

#4E5ADD

Azure · SlateBlue · Navy Blue

HEX
#4E5ADD
RGB
rgb(78, 90, 221)
HSL
hsl(235, 68%, 59%)
HSB
hsb(235, 65%, 87%)
CMYK
cmyk(65%, 59%, 0%, 13%)
Oklch
oklch(53.5% 0.198 273.7)

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

#47A3E8

Lake Blue · CornflowerBlue · Navy Blue

HEX
#47A3E8
RGB
rgb(71, 163, 232)
HSL
hsl(206, 78%, 59%)
HSB
hsb(206, 69%, 91%)
CMYK
cmyk(69%, 30%, 0%, 9%)
Oklch
oklch(69.0% 0.134 244.3)

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

#D99182

Peach Pink · DarkSalmon · Coral Red

HEX
#D99182
RGB
rgb(217, 145, 130)
HSL
hsl(10, 53%, 68%)
HSB
hsb(10, 40%, 85%)
CMYK
cmyk(0%, 33%, 40%, 15%)
Oklch
oklch(72.5% 0.091 32.3)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#040203

Dark Violet · Black · Raspberry

HEX
#040203
RGB
rgb(4, 2, 3)
HSL
hsl(330, 33%, 1%)
HSB
hsb(330, 50%, 2%)
CMYK
cmyk(0%, 50%, 25%, 98%)
Oklch
oklch(9.2% 0.010 345.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

4A1B70
416F1B

Analogous

1F1B6F
4A1B70
6F1B6B

Triadic

4A1B70
6F491B
1B6F49

Split-Comp.

4A1B70
6B6F1B
1B6F1F

Tetradic

4A1B70
6F1F1B
416F1B
1B6B6F

Contrast Matrix WCAG 2.1 Contrast

4A1B70
4E5ADD
47A3E8
D99182
040203
—
2.3
Fail
4.6
AA
4.9
AA
1.7
Fail
2.3
Fail
—
2.0
Fail
2.2
Fail
3.8
AA Large
4.6
AA
2.0
Fail
—
1.1
Fail
7.6
AAA
4.9
AA
2.2
Fail
1.1
Fail
—
8.2
AAA
1.7
Fail
3.8
AA Large
7.6
AAA
8.2
AAA
—
White BG
12.5AAA
5.5AA
2.7Fail
2.5Fail
20.7AAA
Black BG
1.7Fail
3.8AA Large
7.7AAA
8.3AAA
1.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

36355B
5353BD
6F70D7
BAB986
030303

Deuteranopia

383C56
5352B6
6A63D3
BEC387
030303

Tritanopia

484B48
4FA49F
4CCAC7
D58889
040303

Achromatopsia

333333
656565
8F8F8F
A5A5A5
030303

Shades & Tints Shades & Tints

#4A1B70

Dark
Light

#4E5ADD

Dark
Light

#47A3E8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #4a1b70;
  --color-2: #4e5add;
  --color-3: #47a3e8;
  --color-4: #d99182;
  --color-5: #040203;
}

SCSS

$color-1: #4a1b70;
$color-2: #4e5add;
$color-3: #47a3e8;
$color-4: #d99182;
$color-5: #040203;

TAILWIND

colors: {
  'brand-1': '#4a1b70',
  'brand-2': '#4e5add',
  'brand-3': '#47a3e8',
  'brand-4': '#d99182',
  'brand-5': '#040203',
}

RGB Array

[74, 27, 112], [78, 90, 221], [71, 163, 232], [217, 145, 130], [4, 2, 3]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #4A1B70, #4E5ADD, #47A3E8, #D99182, #040203 is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #4a1b70; --color-2: #4e5add; --color-3: #47a3e8; --color-4: #d99182; --color-5: #040203. 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 general-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